css - 具有水平部分和垂直部分的形式

标签 css twitter-bootstrap

使用 boostrap 和 simple_form 我有一个很大的表格,我希望表格的一部分是水平的,而另一部分是垂直的,即

<%= simple_form_for( @vehicle, :html => {:class => 'form-horizontal' } %>

有没有办法在同一个表格上同时完成这两项工作?也许通过部分?

最佳答案

好吧,这个问题与 ruby-on-rails 本身无关。这是一个 css 问题。
如果您查看 twitter bootstrap css 代码,您会发现表单上水平/垂直输入和标签的行为与 control-group div 相关。
因此,您可以手动创建此 div,并为其设置适当的类。

<form> // Your form, without classes
  <div class='form-horizontal'> // A div for the horizontal ones.
  </div>
  <div> // A div for the vertical ones.
  </div>
</form>

关于css - 具有水平部分和垂直部分的形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16417616/

相关文章:

css - 缩略图行在 Chrome 中工作正常但在 Firefox 中不工作( Bootstrap )

html - 为什么 bootstrap 在我的 github 网页上不起作用?

asp.net-mvc - 如何通过 Bootstrap 多选创建带有复选框的下拉菜单?

html - 如何使用 Bootstrap 让一列跨越多行?

css - 调整浏览器大小时,bootstrap 中的容器类始终关注左侧的第一列

在 Rails 4 中使用 turbolinks 时 css 样式覆盖

jquery - 使用 jquery 进行媒体查询

javascript - 如何使用 JSON 文件在 HTML 中动态创建元素

javascript - 我对滚动模式 javascript 中加载的图像有疑问

css -::CSS 中的选择会影响布局