Grid System in Bootstrap

 Grid System: Bootstrap's grid system is a flexible and powerful way to create responsive layouts. The grid is based on a 12-column system, and allows you to easily create layouts that adjust to different screen sizes. Here's an example of a simple grid layout using Bootstrap:

html

<div class="container">

  <div class="row">

    <div class="col-md-4">Column 1</div>

    <div class="col-md-4">Column 2</div>

    <div class="col-md-4">Column 3</div>

  </div>

</div>

This code creates a container with a row that contains three columns, each taking up four columns on medium-sized screens and up.