2012-03-23 53 views
0

我试图用twitter引导程序创建一个内联表单。当我执行以下操作时,文本字段全部内联,但下拉按钮不是。相反,下拉按钮与屏幕一样宽。我怎样才能让它内联呢?带引导程序的内联下拉表单

<%= form_for @project, {:class => "form-inline"} do |f| %> 
     <%= render 'shared/error_messages', :object => f.object %> 

     <%= f.text_field :a, :class=> "input-small", :placeholder=>"a" %> 

     <%= f.text_field :b, :class=> "input-small", :placeholder=>"b" %> 

     <%= f.text_field :c, :class=> "input-small", :placeholder=>"c" %> 

     <%= f.text_field :d, :class=> "input-small", :placeholder=>"d" %> 

     <%= f.text_field :e, :class=> "input-small", :placeholder=>"e" %> 

     <%= f.label :one_two %> 
     <%= f.select :one_two, options_for_select([['One','One'],['Two',Two]]) %> 

     <%= f.submit "Submit", :class => "btn" %> 
    <% end %> 
    </div> 
</div> 

回答

1

也许你可以试试下面的包装选择标记。

<div class="control-group"> 
      <label class="control-label"><%= f.label :one_two %></label> 
      <div class="controls">     
       <%= f.select :one_two, options_for_select([['One','One'],['Two',Two]]) %> 
      </div> 
</div>