标签显示在复选框下面

上面的代码生成了这个HTML

   OpenID 

并且标签显示为

 [x] OpenID 

代替

 [x] OpenID 

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

添加

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

Answer 1

我使用以下来修复问题而不重写twitter bootstrap css的风格。

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

哪个生成以下HTML

    OpenID  

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

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

Answer 2

这必须发生，因为input或label设置为display: block; 您可以通过将这些元素inline显示在一行中 –

 input, label{ display: inline; } 

Answer 3

我知道它的旧版本，但今天最好的方法是在标签上使用checkbox-inline类 。