Twitter Bootstrap使用块级标签和输入框

Question

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

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

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

我的问题有两个方面。我是否应该这样做？如果是这样，最好如何覆盖Twitter Bootstraps默认设置。 如果可以避免，在我的CSS中最好不要使用大量的!important标记。

- Mild Fuzz

---

我不太了解Rails，但我认为你没有正确地包含复选框。从文档中我看到你需要像这样格式化它：http://jsfiddle.net/nGyVe/ - Andres Ilich

这个代码可以工作，但是我不得不硬编码它，而不是使用Rails助手，这似乎从长远来看不太可维护。如果这两个框架能够更和平地共存，那就太好了。 - Mild Fuzz

Answer 1

您可以按照 Bootstrap 的方式操作，并传递一个标签块

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

使用这种方法，如果您点击文本，复选框也会被选中。非常不错！

- HaNdTriX

---

运行得很好，但标签点击不是内联标签/输入的默认行为吗？ - Mild Fuzz

我使用完全相同的代码，但它仍然坚持在两个单独的线上显示复选框和标签。 - Ege Ersoz

我通过为复选框分配自定义类并将其宽度设置为自动来修复它。（Bootstrap 将其设置为 100%，导致标签无法在同一行中适合。） - Ege Ersoz