Могу ли я увеличить '.container' в Bootstrap?

Question

У меня есть страница в Bootstrap, но я хочу, чтобы .container был шире. Могу ли я изменить width этого .container?

Answer 1

Вы можете легко отменить презентацию по умолчанию Bootstrap, просто включить свой собственный файл CSS, и выполните следующие действия:

.container { 
    /* Write your custom width here! */ 
} 

Answer 2

Есть несколько возможностей:

пользовательских CSS

Как уже было предложено, вы можете просто перезаписать значение по умолчанию в своем собственном css. Имейте в виду, что вы, вероятно, придется использовать медиа-запросы определяют несколько из них для различных размеров экрана

настройки начальной загрузки

На bootstrap's own customization page вы можете изменить практически любое определение и создать адаптированную версию начальной загрузки. Посмотрите на раздел под названием Размеры контейнеров

контейнер для жидкости

Если вы просто хотите контейнер, который охватывает всю ширину экрана, используйте .container-fluid вместо .container

<div class="container-fluid"> 
    ... 
</div>