Контейнер 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 
}