This code used for you can create a Bootstrap Grid View.
Bootstrap’s grid system is responsive, and the columns will re-arrange automatically depending on the screen size.
xs(for phones – screens less than 768px wide)sm(for tablets – screens equal to or greater than 768px wide)md(for small laptops – screens equal to or greater than 992px wide)lg(for laptops and desktops – screens equal to or greater than 1200px wide)
Basic Structure of a Bootstrap Grid <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row"> ... </div> Two Equal Columns <div class="row"> <div class="col-sm-6">.col-sm-6</div> <div class="col-sm-6">.col-sm-6</div> </div> Three Equal Columns <div class="row"> <div class="col-sm-4">.col-sm-4</div> <div class="col-sm-4">.col-sm-4</div> <div class="col-sm-4">.col-sm-4</div> </div> Four Equal Columns <div class="row"> <div class="col-sm-3">.col-sm-3</div> <div class="col-sm-3">.col-sm-3</div> <div class="col-sm-3">.col-sm-3</div> <div class="col-sm-3">.col-sm-3</div> </div>
