Bootstrap вимагає елемента контейнера, який міститиме сітку (докладніше про сітку далі). Класи контейнерів були створені спеціально для цієї мети і можуть бути фіксованими або гнучкими.
Фіксований контейнер
Фіксований контейнер — це адаптивний контейнер фіксованої ширини. Коли ви змінюєте розмір свого браузера, ширина контейнера залишається незмінною, поки вона не пройде певну точку зупинки (вказану вами докладніше про це далі), і в цей момент зміниться на нову ширину для цієї точки зупинки.
<code data-language="html"><div class="container"> ... </div>
Гнучкий контейнер
Гнучкий контейнер займає всю ширину області перегляду. Він плавно розширюватиметься і стискатиметься в міру зміни розміру браузера. Це протилежно контейнеру фіксованої шириною, який «стрибатиме» на новий розмір при проходженні заданої точки зупинки.
<code data-language="html"><div class="container-fluid"> ... </div>
Хоча ви можете створювати сторінки Bootstrap без контейнерів, вони необхідні при використанні системи сітки.