将“记住我”和复选框对齐在同一行（与Devise的CSS问题）
我正在使用Devise，复选框位于Remember Me下方。 这是jsfiddle上的HTML代码http://jsfiddle.net/icyborg7/8zxyz/
这是标准设计代码
:boolean if devise_mapping.rememberable? %> "btn-info btn" %> 这是HTML输出（也可以在SO上粘贴）
添加display: inline-block label上的display: inline-block和.controls获得您想要的结果：
我遇到了同样的问题，这可能比其他人建议的解决方案更清晰（使用simple_form为我工作）
<%= f.input :remember_me, :as => :boolean, :label => false, :inline_label => true if devise_mapping.rememberable? %>
试着像你这样漂浮你的内容： http ： //jsfiddle.net/8zxyz/3/ Css：
.boolean, .controls{ float: left; }
您也可以在清除内容后立即创建重置div。
我知道这个问题刚才被问到，但我想出了我遇到的问题，我希望它可以帮助其他正在寻找的人。
我注意到在我的某个css文件中，表单的input设置为width: 100% 。
因此，无论我如何尝试布局HTML，都会导致标签始终位于另一条线上。
修理：
将input#user_remember_me的width & height设置为15px和tada，如果包含在跨度中，则标签将显示在同一行上。