2012-05-10 25 views
7

Używam Twitter bootstrap for Rails/SASS i zauważam, że stosuje on styl display: block; do moich labels, label inputs i label textareas.Twitter Bootstrap za pomocą etykiet i wejść poziomu bloków

używam tagów formularza, aby wygenerować pole wyboru z etykietą, ale styl bloku przesunąć dwa na innej linii:

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

Moje pytanie jest dwojakie. Czy powinienem to robić w ten sposób? a jeśli tak, to w jaki sposób najlepiej zastąpić domyślne ustawienia Bootstraps na Twitterze. Wolałbym nie mieć wiele flag !important w moim CSS, jeśli mogę tego uniknąć.

+0

Nie wiem zbyt wiele na temat szyn, ale nie sądzę, że pole wyboru jest poprawne, z dokumentacji widzę, że należy sformatować ją tak: http://jsfiddle.net/nGyVe/ –

+0

działa, ale muszę go mocno kodować, niż używać pomocników szyn, co wydaje się mniej konserwowalne długoterminowo. Byłoby wspaniale, gdyby te dwie struktury mogły współistnieć bardziej pokojowo. –

Odpowiedz

13

można zrobić to bootstrap drogę i przejść w bloku etykiet

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

na ten sposób wyboru również dostaje checkt jeśli klikniesz na tekst. Dużo ładniejszy!

+0

pracował przysmak, mimo że tak czy inaczej nie jest etykieta kliknięcie domyślne zachowanie etykiety/danych wejściowych? –

+0

Nie jestem o to shure :) – HaNdTriX

+0

To jest -> http://jsfiddle.net/VJWaV/ –

Powiązane problemy