Как установить ширину контейнера div при создании адаптивного макета начальной загрузки?
Я пытаюсь сделать отзывчивый макет начальной загрузки. Здесь я пытаюсь сократить ширину основного контейнера div. Я попытался установить встроенную ширину, но макет потерял свой адаптивный характер. Когда я проверил bootstrap.css, ширина контейнера div задается автоматически. Я был бы очень признателен, если бы кто-нибудь мог раскрыть логику этого. Ниже приведен демонстрационный код bootstrap.
PS -Я не хочу укорачивать ширину фиксированного класса навигационной панели -, я просто хочу укоротить ширину контейнера без потери отзывчивости.
HTML
Hello, world!
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
Heading
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
Heading
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
Heading
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
CSS
.container,
.navbar-fixed-top.container,
.navbar-fixed-bottom.container {
width: 1170px;
}
.container {
width: auto;
}