Twitter Bootstrap 使用块级标签和输入答案

【问题标题】：Twitter Bootstrap using block level labels and inputsTwitter Bootstrap 使用块级标签和输入
【发布时间】：2012-05-18 21:38:18
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

您可以通过引导方式进行操作并传入标签块

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

这样，如果您单击文本，复选框也会被选中。好多了！

【讨论】：