Html 我需要做什么才能使这些引导列向左对齐？

我有一个网页模板，我正在使用的顶部和左侧导航，我想有三列元素左对齐。即使在中，柱也要居中对齐

有谁能告诉我如何使这些列紧贴左边距吗

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

我尝试了多种不同的搜索方式，并将此作为最相关的搜索查询： 引导左对齐列-导航-导航栏

那个搜索结果给出了答案，但似乎并没有解决我的问题，或者说我做得不对

我已经创建了一个模拟我的问题的类，因此如果有人想尝试，他们可以。

在主div（页面包装器）中，将类从container更改为container fluid

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

---

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

您可以将容器作为左对齐，或者只需使用全宽的

容器流体

，然后仅使用12个引导列中的一部分，例如8列

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

.. 此处的页面布局

---

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

您的意思是不是不在左侧？还是像这样？对如果我正确地遵循您的更改，您所做的只是将顶部的div类从container更改为container fluid，并将最外侧的柱侧从col-md-12更改为col-md-8。是这样吗？@GeorgeLee-不是那样的。我希望列并排排列，但我希望它们在容器中左对齐。ZimSystem是对的。我发誓我试过：（我读了，但我仍然不明白为什么会修复它？我很清楚，容器流体可以被解释为容器与较小设备上的包装左对齐，是吗？嗯……我不知道。我将其解释为仅在大屏幕上使用全宽容器的左部分