ruby-on-rails - 使用 block 级标签和输入的 Twitter Bootstrap

Question

我正在使用 Twitter bootstrap for Rails/SASS并注意到它对我的 labels、label inputs 和 label textareas 应用了 display: block; 样式。

我正在使用表单标签生成带有标签的复选框，但 block 样式将两者移到不同的行:

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

我的问题有两个方面。我应该这样做吗？如果是这样，我应该如何最好地覆盖 Twitter Bootstraps 默认值。如果可以避免的话，我宁愿在我的 CSS 中不要有很多 !important 标志。

Answer 1

你可以通过 Bootstrap 的方式来做，并传入一个标签 block

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

通过这种方式，如果您单击文本，复选框也会被选中。好多了!