我正在创建一个使用 Twitter Bootstrap's Fluid Grid system 的表单。一图胜千言!
在第三行 (Paciente) 中正在进行一些嵌套。正如您所看到的，与前两行相比，这种嵌套导致第二列中的对齐方式不同。如果你看橙色线，你可以发现......
我在 JS Bin 上设置了一个演示:http://jsbin.com/ayazul/1使用最新的 Bootstrap 版本 2.2.2。
使用 Firebug 进行调试我看到 left-margin的30px在<div class="span3">在第二行/第二列。如果我手动将该值更改为 20px比列正确对齐。
为什么前两行的左边距不同？
在Sherbrow的帮助下，这是我想要的最终结果:http://jsbin.com/ayazul/29/ (第二列在所有三行中对齐)
最佳答案
您的标记比应有的更复杂。您的 .row-fluids 和 .span$ 类超出了需要。为什么不做这么简单的事情呢？
关于css - Twitter Bootstrap Fluid Grid 系统嵌套与前一行不对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14668492/