2012-05-10 34 views
7

Tôi đang sử dụng Twitter bootstrap for Rails/SASS và có thông báo rằng nó áp dụng một phong cách display: block; để tôi labels, label inputslabel textareas.Twitter Bootstrap nhãn sử dụng khối cấp và đầu vào

Tôi đang sử dụng thẻ hình thức để tạo ra một hộp kiểm tra với một nhãn, nhưng phong cách khối di chuyển hai vào dòng khác nhau:

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

Câu hỏi của tôi là hai lần. Tôi có nên làm theo cách này không? và nếu vậy thì tốt nhất tôi nên ghi đè lên các giá trị mặc định của Twitter Bootstraps. Tôi không muốn có nhiều cờ !important trong CSS của mình nếu tôi có thể tránh nó.

+0

Không biết nhiều về đường ray nhưng tôi không nghĩ rằng bạn đang chứa hộp kiểm của mình đúng cách, từ tài liệu tôi thấy rằng bạn cần phải định dạng nó như sau: http://jsfiddle.net/nGyVe/ –

+0

các công trình, nhưng tôi phải mã hóa nó nhiều hơn là sử dụng những người giúp đỡ đường ray, điều này có vẻ ít bền vững hơn trong thời gian dài. Sẽ thật tuyệt vời nếu hai khuôn khổ có thể cùng tồn tại một cách hòa bình hơn. –

Trả lời

13

bạn có thể làm điều đó một cách bootstrap và vượt qua trong một khối nhãn

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

trên đường này vào hộp kiểm cũng được checkt nếu bạn click vào văn bản. Đẹp hơn nhiều!

+0

làm việc một điều trị, mặc dù không phải là nhãn nhấp vào hành vi mặc định của nhãn nội tuyến/đầu vào nào? –

+0

Tôi không shure về điều đó :) – HaNdTriX

+0

Đó là -> http://jsfiddle.net/VJWaV/ –

Các vấn đề liên quan