2012-05-10 12 views
7

Ben Twitter bootstrap for Rails/SASS kullanarak ve onu labels, label inputs ve label textareas benim için display: block; stili geçerli olduğunu haber var duyuyorum.Heyecan Bootstrap kullanarak blok seviyesi etiketler ve girişler

Ben bir etiketle bir onay kutusu oluşturmak için form etiketleri kullanıyorum, ama blok tarzı farklı çizgi üzerine iki hareket:

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

Sorum iki yönlüdür. Bunu böyle yapmalı mıyım? ve eğer öyleyse en iyi şekilde Twitter Bootstraps varsayılanlarını geçersiz kılmalıyım. Bundan kaçınabiliyorsam CSS'mde !important bayraklarının olmamasını tercih ederim.

+0

Raylar hakkında fazla bir şey bilmiyorum, ancak onay kutusunu doğru bir şekilde yerleştirdiğini sanmıyorum, dokümantasyonda olduğundan emin olmanız gerektiğini görüyorum: http://jsfiddle.net/nGyVe/ –

+0

Çalışır, ancak daha az bakım gerektirecek uzun vadede raylar yardımcıları kullanmak yerine sabit kod yapmak zorundayım. İki çerçeve daha barışçıl bir şekilde bir arada var olsaydı harika olurdu. –

cevap

13

bunu önyükleme yolunu yapmak ve bir etiket bloğunda metin tıklarsanız onay kutusunun da checkt alır bu yolda

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

geçirebilirsiniz. Çok daha güzel!

+0

, zaten satır içi etiket/girişlerin varsayılan davranışını tıklayan etiket olmasa da, bir işlem yaptı? –

+0

Ben bu konuda shure değilim :) – HaNdTriX

+0

Bu -> http://jsfiddle.net/VJWaV/ –

İlgili konular