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

标签 ruby-on-rails css forms label twitter-bootstrap

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

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

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

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

最佳答案

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

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

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

关于ruby-on-rails - 使用 block 级标签和输入的 Twitter Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10531900/

相关文章:

ruby-on-rails - rails : dynamically define class method based on parent class name within module/concern

html - 如何在CSS中为具有绝对位置的同级div元素的margin-left设置动态数字

html - 单选按钮和输入字段

javascript - 如何在不使用 javascript 的情况下禁用按钮,直到填写必填字段,仅使用 HTML5 和 CSS

mysql - 从 ActiveRecord::Relation 获取 SQL 数组

ruby-on-rails - 将 SSL 添加到 Heroku 应用程序和 godaddy - Rails

ruby-on-rails - 从模型内部获取未保存的关联

html - 在移动设备上禁用水平滚动(或通过滚动单击)

javascript - 单击时如何将 td-tag 更改为 html 中的 input-tag?

javascript - 如何使用 div 元素构建 Recurly.js 表单?