2012-05-10 11 views
7

私はTwitter bootstrap for Rails/SASSを使用しており、labels,label inputsおよびlabel textareasdisplay: block;スタイルを適用していることに注意してください。Twitterブロックレベルのラベルと入力を使用するブートストラップ

私はラベルが付いたチェックボックスを生成するために、フォームタグを使用していますが、ブロックスタイルが異なるライン上に2を移動:

<%= f.check_box :remember_me %> 
    <%= f.label :remember_me %> 

私の質問は2倍です。私はそれをこのようにしなければならないでしょうか?もしそうなら、私はTwitter Bootstrapsのデフォルトを上書きするべきです。もし私がそれを避けることができれば、私はむしろ!importantフラグを私のCSSにたくさん持っていないでしょう。

+0

レールについてよく分かりませんが、あなたがチェックボックスを適切に含んでいるとは思いません。マニュアルのようにフォーマットする必要があります。http://jsfiddle.net/nGyVe/ –

+0

レールヘルパーを使用するのではなく、ハードコードする必要があります。これは長期的には維持しにくいようです。 2つの枠組みがより平和的に共存することができれば素晴らしいだろう。 –

答えて

13

あなたはそれをブートストラップ方法を行うと、あなたがテキストをクリックした場合は、チェックボックスにもchecktますこのようにラベルブロックに

<%= f.label :remember_me, :class => "checkbox" do %> 
    <%= f.check_box :remember_me %>remember me 
<% end %> 

を渡すことができます。もっとよかった!

+0

は、インラインラベル/入力のデフォルト動作をクリックしたラベルではありませんが、扱いましたか? –

+0

私はそれについてshureしていません:) – HaNdTriX

+0

これは - > http://jsfiddle.net/VJWaV/ –

関連する問題