Question

我有一个网页模板，我正在使用顶部和左侧导航，我想让三个列元素保持对齐。即使在simple example中，列也希望居中对齐。

任何人都可以告诉我如何让列靠近左边缘吗？

*免责声明 - 我正在学习Bootstrap，所以我自己回答这个问题的能力可能受限于我的Bootstrap词汇。

我尝试了一系列不同的搜索方式，并将其视为最相关的搜索查询： bootstrap left align columns -nav -navbar

该搜索产生了this回答，但它似乎没有解决我的问题，或者我做得不对。

我创建了一个模拟我问题的bootply，所以如果有人想尝试一下，他们可以。

Answer 1

您可以将容器对齐为described in this question，或者只使用全宽container-fluid，然后仅使用12个Bootstrap列的一部分，例如8列..

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
         .. page layout here
        </div>
    </div>
</div>

在较小的屏幕上，您可能希望布局为全宽而不是左对齐。

Answer 2

在主div（页面包装器）中的

，将类从容器更改为容器流体。

<div id="page-wrapper" class="container-fluid">

你应该看到这些元素都是左对齐的。