表单 – Twitter引导组合水平表单与内联

前端之家收集整理的这篇文章主要介绍了表单 – Twitter引导组合水平表单与内联前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,我试图使内联形式与水平混合
我有 http://jsfiddle.net/TNLnP/3/,但我想得到像
<label><input>
<label><input><label><input><label><input>

解决方法

如果你想保持同一个表单元素,你可以添加form-inline到你的字段集:
<form>
<div class="row">
    <fieldset class="form-inline">
        <label class="control-label">A</label>
        <input type="text" class="input-medium">
    </fieldset>
</div><!-- end row -->
<div class="row">
    <fieldset class="form-inline">
        <label class="control-label">B</label>
        <input type="text" class="input-mini" >
        <label class="control-label">C</label>
        <input type="text" class="input-mini" >
        <label class="control-label">D</label>
        <input type="text" class="input-mini" >
        <label class="control-label">E</label>
        <input type="text" class="input-mini" >
    </fieldset>
</div><!-- end row -->
</form>

http://jsfiddle.net/ZWNjw/

猜你在找的HTML相关文章