2012-05-10 31 views
7

usando nivel de bloque estoy usando Twitter bootstrap for Rails/SASS y tienen aviso de que se aplica un estilo display: block; a mi labels, y label inputslabel textareas.Twitter Bootstrap etiquetas y entradas

estoy usando etiquetas de formulario para generar una casilla de verificación con una etiqueta, pero el estilo de bloque mover los dos en diferentes líneas:

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

Mi pregunta es doble. ¿Debo hacerlo de esta manera? y si es así, ¿cuál es la mejor manera de anular los valores predeterminados de Twitter Bootstraps? Preferiría no tener muchos indicadores !important en mi CSS si puedo evitarlo.

+0

No sé mucho sobre los rieles, pero no creo que esté conteniendo correctamente su casilla de verificación, de la documentación que veo que necesita formatearla de esta manera: http://jsfiddle.net/nGyVe/ –

+0

que funciona, pero tengo que codificarlo duro en lugar de utilizar "rails helpers", lo que parece menos sostenible a largo plazo. Sería genial si los dos marcos coexistieran más pacíficamente. –

Respuesta

13

puede hacerlo de la manera de arranque y pasar en un bloque de etiquetas

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

de esta manera la casilla de verificación también se checkt si hace clic en el texto. ¡Mucho más bonito!

+0

funcionó de maravilla, aunque de todos modos, ¿no está la etiqueta haciendo clic en el comportamiento predeterminado de las etiquetas/entradas en línea? –

+0

No estoy seguro de eso :) – HaNdTriX

+0

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