Навіщо потрібна сітка bootstrap?

Система Bootstrap Grid потрібна для розмітки сторінки, зокрема, для створення адаптивних макетів. Розібратися в ній потрібно, щоб зрозуміти, як працює сам Bootstrap. Сітка складається з груп рядів і колонок, розташованих всередині одного або декількох контейнерів.

Класична сітка Bootstrap має 12 колонок: Таким чином, колонки можуть бути рівномірно поділені на 12 частин.

Сітка Bootstrap включає шість рівнів зумовлених класів створення складних адаптивних макетів.

Адаптивність Bootstrap 5: Основи верстки

• Extra small. Ширина viewport менше 576px. …
• Малий. Ширина viewport більша або дорівнює 576px. …
• Medium. Ширина viewport більша або дорівнює 768px. …
• Великий. Ширина viewport більше або дорівнює 992px. …
• Extra large. Ширина viewport більше або дорівнює 1200px.