2012-05-10 49 views
7

我使用的是Twitter bootstrap for Rails/SASS並且已注意到它將display: block;樣式應用於我的labels,label inputslabel textareasTwitter使用塊級標籤和輸入的引導程序

我使用的表單標籤生成帶有標籤的複選框,但楷書移動兩個不同的上線:

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

我的問題是雙重的。我應該這樣做嗎?如果是的話,我應該如何最好地重寫Twitter Bootstraps默認值。如果我可以避免它,我寧願在我的CSS中沒有大量的!important標誌。

+0

不太瞭解rails,但我認爲你沒有正確包含你的複選框,從文檔中我看到你需要像這樣格式化它:http://jsfiddle.net/nGyVe/ –

+0

工程,但我不得不硬編碼它,而不是使用鐵軌助手,這似乎不太可維護長期。如果這兩個框架能夠更加和平共存,那將是非常好的。 –

回答

13

你可以做到這一點的引導方式,並通過在標籤區段

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

在這條路上的複選框,如果你點擊文本也被checkt。好多了!

+0

工作過,雖然不是標籤點擊內聯標籤/輸入的默認行爲嗎? –

+0

我不是那麼舒服:) – HaNdTriX

+0

這是 - > http://jsfiddle.net/VJWaV/ –

相關問題