Система Bootstrap Grid потрібна для розмітки сторінки, зокрема, для створення адаптивних макетів. Розібратися в ній потрібно, щоб зрозуміти, як працює сам Bootstrap. Сітка складається з груп рядів і колонок, розташованих всередині одного або декількох контейнерів.
Класична сітка Bootstrap має 12 колонок: Таким чином, колонки можуть бути рівномірно поділені на 12 частин.
Сітка Bootstrap включає шість рівнів зумовлених класів створення складних адаптивних макетів.
Адаптивність Bootstrap 5: Основи верстки
- Extra small. Ширина viewport менше 576px. …
- Малий. Ширина viewport більша або дорівнює 576px. …
- Medium. Ширина viewport більша або дорівнює 768px. …
- Великий. Ширина viewport більше або дорівнює 992px. …
- Extra large. Ширина viewport більше або дорівнює 1200px.