标签显示在复选框下方

Question

<%= f.check_box :openid_enabled %>
<%= f.label :openid_enabled, 'OpenID' %>

上面的代码生成了这个HTML

<input type="hidden" value="0" name="application[openid_enabled]">
<input type="checkbox" value="1" name="application[openid_enabled]" id="application_openid_enabled">
<label for="application_openid_enabled">OpenID</label>

并且标签显示为

[x]
OpenID

代替

[x] OpenID

我是否需要设计样式或者rails帮助程序是否具有一些内置功能？

添加

我在我的Rails应用程序中使用twitter bootstrap CSS框架.

Answer 1

这一定会发生，因为input或label设置为display: block;您可以通过制作这些元素将其显示在一行中inline-

input, label{ display: inline; }

Answer 2

我使用以下来解决问题而不重写twitter bootstrap css的风格.

<%= f.label :openid_enabled, class: 'checkbox' do %>
  <%= f.check_box :openid_enabled %>
  OpenID
<% end %>

其中生成以下HTML

<label for="application_openid_enabled" class="checkbox">
  <input type="hidden" value="0" name="application[openid_enabled]">
  <input type="checkbox" value="1" name="application[openid_enabled]" id="application_openid_enabled">
  OpenID
</label>

这里是参考http://twitter.github.com/bootstrap/base-css.html

感谢@MyHeadHurts和@Dipaks的宝贵意见.