Question

.container.homepage

= simple_form_for @search, :url => some_path, :method => :post do |form|

    %h1.heading Text
    %p.lead text

    %form.form-inline{role: "form"}
        %div.form-group
            %label.sr-only{for: "field1"} text
            %input.field1.form-control{placeholder: "question?", type: "text1"}
        %div.form-group
            %label.sr-only{for: "field2"} text
            %input.field2.form-control{placeholder: "some text", type: "text2"}
        %button.btn.btn-primary{type: "submit"} Search

我正在尝试使用bootstrap使表单内联，但由于某种原因它不会这样做？表格保持垂直。有人可以帮助确定问题，因为不确定是什么问题？

Answer 1

您只需要为表单元素添加一个额外的类。那是“形式内联” 但是因为你的代码不起作用。你只需要使用bootstrap列。

例如

<form action="">
<div class="col-md-6">
<div class="row">
    <div class="col-md-6">
    <div class="form-group">
    <input type="text" class="form-control" placeholder="">
    </div></div> // sub col-md-6
    <div class="col-md-6">
    <div class="form-group">
    <input type="text" class="form-control" placeholder="">
    </div>
    /div> //sub col-md-6
</div> //row
</div> // Main col-md-6
    </form>

感谢：）

表单不与引导程序内联

1 个答案: