如何使用bootstrap和form-horizo​​ntal将输入放在一行?

时间:2014-05-23 10:31:55

标签: html css forms twitter-bootstrap

我使用Bootstrap的表单横向表单布局,因此我的字段显示在新的" line"。

form.form-horizontal(role='form')
    fieldset(ng-disabled='queryInProgress')
        .form-group
            label.col-lg-2.control-label(for='Prefix') label
            .col-lg-4
                input.form-control(type='text', form-control)
                input.form-control(type='checkbox', form-control)
                input.form-control.input-sm(type='text', form-control)

Rendered layout

但是我需要这些输入("容器名称",复选框和后面的输入字段)来形成一行,我不能轻易找到" boostrap"这样做的方式。其余的形式。这里没有显示,我需要保持形式水平布局(我知道形式内联的东西)。如何使用bootrstap类使三个提到的控件显示为内联?

JsFiddle,试探性地看:http://jsfiddle.net/2UEZ6/

0 个答案:

没有答案