Twitter bootstrap 引导4中的左对齐列

我在我的重定向链接部分工作

我试图将我的列与最左边和最右边对齐，以便它们与上面的图像对齐。我正在将最左边的列的padding left设置为0，将最右边的列的padding right设置为0。这似乎改变了中间柱的高度。我已经试着去掉我的中柱左右两侧的填充物，但它似乎仍然改变了高度

我的目标是使所有3列看起来相同，但与上面的图像外部限制相同。希望这是有意义的

链接到代码笔。

>
说明1

您的容器流体正在将填充物与列框堆叠在一起。将“pl-0 pr-0”添加到框的容器包装中，元素将共享同一个槽

我认为您需要的是从您的容器流体舱中移除填充物：

.container-fluid {
  padding: 0;
}

引用自：

虽然容器可以嵌套，但大多数布局不需要嵌套容器。

。您的示例不需要嵌套的

容器流体

。因此，您可以从banner

hero

div及其下方的div中删除带有任何其他水平填充类的

container fluid

，代码将正常工作。

.container-fluid {
  padding: 0;
}