how to make a grid using bootstrap code example

Example 1: bootstrap grid class

col-12 col-sm-4 col-md-3 col-lg-12	col-xl-12

Example 2: grid system bootstrap

Extra small  .col-    <576px	
Small  .col-sm- ≥576px	
Medium .col-md- ≥768px	
Large  .col-lg-  ≥992px	
Extra large .col-xl- ≥1200px

Example 3: boostrap grid

<div class="row">
  <div class="col-6 col-sm-4">.col-6 .col-sm-4</div>
  <div class="col-6 col-sm-4">.col-6 .col-sm-4</div>

  <!-- Force next columns to break to new line at md breakpoint and up -->
  <div class="w-100 d-none d-md-block"></div>

  <div class="col-6 col-sm-4">.col-6 .col-sm-4</div>
  <div class="col-6 col-sm-4">.col-6 .col-sm-4</div>
</div>