显示标题内联下拉

Question

我有太多的麻烦，应该是一个超级简单的任务。

我想要一个标题状态显示为与我的下拉菜单相同的行，但它总是在下一行。使用Rails 4和自举宝石

<div class="status-area"> 

    <%= form_for project, {:class => "form-inline"} do |f| %> 
    <div class="form-group"> 
     <h4>Status</h4> 
     <%= f.select(:status, options_for_select(Status::STATUSES.collect { |s| [s.capitalize, s] }, project.status.to_s.downcase), {}, {:class => "form-control input-sm"}) %> 
    </div> 
    <%= f.submit 'Update Project Status', class: 'btn btn-default btn-sm', style: 'padding: 2px 10px;' %> 
    <% end %> 
</div> 

而且一些帮助，首先要弄清楚为什么下拉是分裂的整个宽度将有助于

Answer 1

第一即时通讯，您需要更改H4为标签标记（默认为内联）

<form class="form-inline"> 
    <div class="form-group"> 
     <label>Status</label> 
     <select class="form-control input-sm"></select> 
    </div> 
    <input class='btn btn-default btn-sm' style='padding: 2px 10px;'/> 
</form> 

http://jsfiddle.net/bsgNQ/ - 拉伸结果窗口全宽。

其次，它在Bootstrap教程中说，内联表单仅适用于宽度至少为768px的视口内的表单。所以如果你的屏幕比较窄，那么使用内联格式的reconsinder可能会很好。