css - 如何阻止单列容器跳变边距

Question

我正在学习 Bootstrap，我想创建以页面为中心的简单 div。

我非常喜欢container类的自动边距，但它似乎是在调整窗口宽度时根据断点跳转。

我想让边距平滑地变小，直到当窗口足够小时它们变为 0。

我试过像这样显式设置一列布局:

<div class="container border">
    <div class="row">
        <div class="col-12">
            <p>container with some content</p>
        </div>
    </div>
</div>

但结果是一样的，断点都还在用。

Answer 1

为此你不应该使用引导容器，因为它们在断点处有固定的宽度。为了顺利过渡，您应该以 % 或 vw 手动设置容器的宽度，并以相同的单位设置边距。