gpt4 book ai didi

css - Twitter Bootstrap Fluid Grid 系统嵌套与前几行不对齐

转载 作者:行者123 更新时间:2023-12-02 22:14:46 25 4
gpt4 key购买 nike

我正在创建一个使用 Twitter Bootstrap's Fluid Grid system 的表单.一图胜千言!

enter image description here

在第 3 行 (Paciente) 中正在进行一些嵌套。如您所见,与前两行相比,此嵌套导致第 2 列中的对齐方式不同。如果您查看橙色线,您会发现...

我在 JS Bin 设置了一个演示:http://jsbin.com/ayazul/1使用最新的 Bootstrap 版本 2.2.2。

用 Firebug 调试我看到一个 left-margin30px<div class="span3">在第二行/第二列。如果我将该值手动更改为 20px比列正确对齐。

为什么前两行有不同的 margin-left?


Sherbrow的帮助下,这是我想要的最终结果:http://jsbin.com/ayazul/29/ (第二列在所有三行中对齐)

最佳答案

您的标记比应有的更复杂。您的 .row-fluids.span$ 类太多了,超出了需要。为什么不像这样简单呢?

http://jsbin.com/ayazul/6/

关于css - Twitter Bootstrap Fluid Grid 系统嵌套与前几行不对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14668492/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com