引导程序4中的左对齐列

Question

我正在我的重定向链接部分

我正在尝试将我的列对齐到最左边和最右边，以使它们与上面的图像对齐。我将最左边一列的填充设置为0，将最右边一列的填充设置为0。这似乎改变了中间列的高度。我曾尝试删除中心列左侧和右侧的填充，但它似乎仍会改变高度。

我的目标是使所有3列看起来都一样，但即使超出图像外部限制也是如此。希望这是有道理的。

链接到Codepen。
https://codepen.io/MikeBeers/pen/GerLKE

>

    <div class="container-fluid py-3">
        <div class="row ">
            <div class="col-md-4 col-sm-12 pl-0">
                <img src="https://via.placeholder.com/800x600.png" alt="" class="img-fluid rounded">
                <h2>Description 1</h2>
                <p class="text-muted">

Answer 1

您的容器流体正在与列箱堆叠填充。将“ pl-0 pr-0”添加到容器包装盒中，这些元素将共享相同的装订线。

Answer 2

我认为您正在寻找的是从容器流体div中删除填充物：

.container-fluid {
  padding: 0;
}