Usage BootStrap .row-cols class

 

 

 

<div class="container">
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col-8">Column</div>
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>

 

Mean row-cols-2 is as 2 aliquots each line process, the number of columns in the row is not defined by default to occupy 12/2 = 6, such as a first column;

For example the second column defines the number of columns occupied by the number of columns defined by the number of columns, the total number of each row 12, column otherwise than 12 line display.