css - 标签显示在复选框下方

标签 css ruby-on-rails view-helpers

<%= 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 助手有一些内置功能?

已添加

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

最佳答案

这一定会发生,因为 inputlabel 被设置为 display: block; 你可以通过制作这些来在一行中显示它元素 内联 -

input, label{ display: inline; }

关于css - 标签显示在复选框下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12036473/

相关文章:

css - 在 Angular 中导入全局 css 文件会导致 Webpack 发出巨大的模块包

html - line-height : 1. 4 和 line-height : 140%? 一样吗

css - 当节点具有 xmlns 属性时,Nokogiri 查找 css 失败

zend-framework - headScript() View 助手如何工作?

ruby-on-rails - 如何从 ApplicationHelper 调用 ApplicationController 方法

javascript - 由于浏览器地址栏不断改变 div 的高度,页面非常跳跃

javascript - 在 Vuetify 中隐藏其他组件后展开卡片组件并将其居中

ruby-on-rails - 跳过 :touch associations when saving an ActiveRecord object

ruby-on-rails - Ruby on Rails 的 Oracle XE 连接配置

ruby-on-rails - 我想创建一个可以在所有 Controller 和 View 中使用的方法