html - Bootstrap 的容器是否会在特定的浏览器宽度下停止提供边框？

Question

我正在构建一个响应式网站。

目前看起来还不错。我有以下内容:

<div class="container">
    <div class="products-block">
        <h2>Products</h2>
        <p>...paragraph here...</p>
    </div>
</div>

但是当我将其调整为 768px 的宽度时，容器上似乎没有更多的填充。

容器的填充是否受视口(viewport)大小的影响？

Answer 1

这是 bootstrap 的媒体查询，改变的是容器的宽度而不是内边距。

@media (min-width: 1200px)
.container {
    width: 1170px; // 1200px and up
}    
@media (min-width: 992px)
.container {
    width: 970px; //992 - 1199px 
}
@media (min-width: 768px)
.container {
    width: 750px; //768 - 991px
}