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

发布时间：2020-12-14 21:37:47 所属栏目：资源来源：网络整理

导读：嗨，我试图使内联形式与水平混合我有 http://jsfiddle.net/TNLnP/3/，但我想得到像 labelinputlabelinputlabelinputlabelinput 解决方法如果你想保持同一个表单元素，你可以添加form-inline到你的字段集： formdiv class="row" fieldset class="form-inlin

嗨，我试图使内联形式与水平混合
我有 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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!