web-dev-qa-db-ja.com

Bootstrap form select css with a Rails modelを使用するにはどうすればよいですか？

Bootstrap cssを使用して、Ruby on Rails appのフォームで「選択」ボックスのスタイルを設定したい。

Bootstrapサイトでは、例としてこれを示しています。

<select class="form-control">
 <option>1</option>
 <option>2</option>
 <option>3</option>
 <option>4</option>
 <option>5</option>
</select>

ただし、このメソッドを、実行したい選択領域のRuby on Railsコードと組み合わせる方法がわからないため、選択したオプションをテーブルの正しい列（ここでは：ampm）に入力します。これは現在使用しているコードです。動作しますが、bootstrapの外観がありません：

 <%= f.label :am_or_pm %> 
 <div class="form-control">
 <%= f.select(:ampm, options_for_select([['AM', 1], ['PM', 2]])) %>
 </div>

Bootstrapの例をコードに統合する方法をいくつか試しましたが、何も機能しません。助けていただければ幸いです。

cssruby-on-railsrubytwitter-bootstrap
13
rryyaann22

まず第一に、ブートストラップのform-controlクラスが機能するには、それをselectタグ自体に追加する必要があります

Per apidoc of Rails form select

select(object, method, choices = nil, options = {}, html_options = {}, &block)

htmlクラスを次のように追加できます

<%= f.select(:ampm, options_for_select([['AM', 1], ['PM', 2]]), {}, {class: "form-control"}) %>

または単に

<%= f.select :ampm, [['AM', 1], ['PM', 2]], {}, {class: "form-control"}) %>
35
Rahul Singh

これは私のために働きます：

<%= f.select :secretquestion, options_for_select([
  ["Select One", ""], 
  "Your nick name", 
  "your schoool name", 
  "your love name", 
  "your comapnay name", 
  "your favourite website"]), 
  {}, { class: "form form-group form-control" } %>
7
Bhavnesh