Bootstrap的容器是否停止在某个浏览器宽度上提供边框？

Question

我正在建立一个快速响应的网站。

到目前为止看起来不错。我有以下内容：

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

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

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

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
}