Как я могу сделать этот раздел, используя сетку?

Question

Город, о котором я говорю

как я могу структурировать этот раздел, используя Bootstrap4 Grid System?

Примечание: без этой навязчивой навигационной панели

надеюсь, вы, ребята, помогите мне :)

Answer 1

Если вы хотите хорошо понять систему сетки в начальной загрузке, вы должны знать, что каждая строка содержит 12 столбцов, и организовать их очень просто. Пожалуйста, посетите: https://www.w3schools.com/bootstrap4/bootstrap_grid_basic.asp. но ваш ответ:

<div class="row">
  <div class="col" style="background-color:green;">main</div>
  <div class="col" style="background-color:orange;">
<div class="col" style="background-color:orange;border: 1px solid black">
  1
</div>
<div class="col" style="background-color:orange;border: 1px solid black">
  2
</div>
</div>
 <div class="col" style="background-color:lavender">
 <div class="col" style="border: 1px solid black">
  1
 </div>
 <div class="col" style="border: 1px solid black">
  2
 </div>
</div>
</div>