如何使用网格系统制作此部分？

Question

The SIte i am talking about

我如何使用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>