4

我知道如何使用覆盖 Bootstrap 编译的 CSS 的 CSS 来解决这个问题，但在我看来，这种对齐问题是如此常见的用例，以至于我一定误解了如何使用 Bootstrap 框架。（第一次使用 Bootstrap。）

案例：容器 B ( JSFiddle ) 中的列与容器 A 中的内容不对齐，因为 Bootstrap 会为每列生成 15px 的左/右填充。

<section class="container A">
    <h1>About Us</h1>
    <p>Lorem</p>
</section>

<section class="container B">

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

</section>

问题：有没有一种方法可以使列内容与容器 A 内容对齐，仅通过更改 HTML，而不使用任何 CSS？

设置：我需要使用 Twitter bootstrap 3.0.0 进行上述操作。

OT：正如你看到的，这是我在 SO 上的第一篇文章，我很感谢任何关于如何改进这个问题及其标记的建议。

谢谢！

4

1 回答 1

2

是的，你用了两个，我用两个和一个类containers更新了你的小提琴，以占据第一行屏幕的整个宽度，在这里查看：http: //jsfiddle.net/3ELJH/3/rowsdivcol-md-12

于 2013-09-04T13:28:00.177 回答