HTML/CSS Bootstrap control-group 对齐问题

adventurelw · 2013年06月13日 · 最后由 adventurelw 回复于 2013年06月17日 · 14402 次阅读

.control-group 自己会对齐表单和标签 但我不知道怎么回事,代码和本站源代码一样,都是 simple_form 里面 用 f.input 其余什么也不加的话,本站表单每一对 label 和 input 显示在一行,我的显示在两行。。。。。。看网页源码没有区别。同系统同浏览器。 我把 label 的 float 设置为 left 之后,就变成一行了,但完全没有对齐效果了。。。。。 这是怎么回事呢?

因为样式不一样,建议用 firebug 或者 chrome 的控制台 进行仔细调试样式,而不只是看网页代码!

#1 楼 @shatle 嗯,我也看了一下元素审查,发现我这边有一些 css 设置在网页源码的 application.css 文件中可以找到,但元素审查里面看不到。比如那个 float: left; 我是用的 bootstrap-sass gem 而后@import ‘bootstrap’;导入的 bootstrap 本站是直接一个 bootstrap 文件在 assets/stylesheets 里面,而后=require bootstrap 引入的 不知道这两种方式有啥差别呢?

唉,还是自己的问题 少加了一个.form-horizontal for simple_form

需要 登录 后方可回复, 如果你还没有账号请 注册新账号