2012-03-23 17 views
0

Ich versuche, ein Inline-Formular mit Twitter Bootstrap zu erstellen. Wenn ich Folgendes tue, sind die Textfelder alle inline, aber die Dropdown-Schaltfläche nicht. Stattdessen ist die Dropdown-Schaltfläche so breit wie der Bildschirm. Wie kann ich es auch inline machen?Inline Dropdown in Form mit Bootstrap

<%= 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> 

Antwort

1

Vielleicht könnten Sie die folgenden Funktionen wickeln die select-Tag versuchen.

<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>