Bootstrap's grid system Використовується для серії containers, rows, and columns to layout and align content. Це будівля з flexbox і є повністю відповідальним. Below is an example and an in-depth look at how the grid comes together.

Basic Structure of a Bootstrap Grid So, щоб створити потрібний для вас, створити container ( <div class="container"> ). Next, create a row (<div class="row">). Там, наближається до запозичених номерів columns (tags with appropriate .col-*-* classes). Зверніть увагу, що цифри в .col-*-* повинні бути до 12 для кожного рядка.

The Grid System Bootstrap's grid system is з flexbox and allows up to 12 columns across the page. Якщо ви не збираєтеся використовувати всі 12 columns окремо, ви можете скопіювати columnи до самих create wider columns: span 1. span 1. span 1.