如何在与标签相同的行上进行表单控制？

Question

我们怎样才能让这两个出现在同一条线上？

我已经尝试了一切！

<div class="row">
<div class="col-xs-2">
  <span class="label label-primary"> Placement: </span>
  <%= f.number_field :order, class: "form-control", id: "two", placeholder: 'Put in Order' %>
</div>
</div>

我知道这是使用bootstrap的默认设置。我尝试使用inline-block或inline覆盖所有类，但没有区别。

也许你会有更好的运气。

Answer 1

尝试添加form-inline类和/或display：block-inline

Answer 2

您需要在表单标记上设置表单水平类，如此处所述。

http://getbootstrap.com/css/#forms-horizontal

Answer 3

看起来你正在使用ruby（erb），所以请尝试以下内容（取自http://getbootstrap.com/css/#forms-horizontal）：

<%= form_for ... class="form-horizontal" do |f| %>
  <div class='form-group'>
    <%= f.label :order, 'Placement', class: 'col-sm-2 control-label label label-primary' %>
    <div class='col-sm-10'>
      <%= f.number_field :order, class: "form-control", id: "two", placeholder: 'Put in Order' %>
    </div>
  </div>
</form>