Search code examples
csstwitter-bootstrapbootstrap-4css-grid

how can i make this section using grid system?


The SIte i am talking about

how can i structure this section using Bootstrap4 Grid System ?

Note : without this sticy navbar

hope you guys help me :)


Solution

  • if you want to understand the grid system in bootstrap well, you should know that each row contains 12 columns and organizing them is really easy.please visit :https://www.w3schools.com/bootstrap4/bootstrap_grid_basic.asp . but your answer is:

    <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>