bootstrap container row code example

Example 1: bootstrap grids examples

<div class="container">
  <div class="row">
    <div class="col-md-8">.col-md-8</div>
    <div class="col-md-4">.col-md-4</div>
  </div>
</div>

Example 2: container bootstrap

<div class="container-sm">100% wide until small breakpoint</div>
<div class="container-md">100% wide until medium breakpoint</div>
<div class="container-lg">100% wide until large breakpoint</div>
<div class="container-xl">100% wide until extra large breakpoint</div>

Example 3: bootstrap grid class

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

Example 4: .row bootstrap

.row{
    display: flex;
    flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
}

Example 5: bootstrap container

Our default .container class is a responsive, fixed-width container, meaning its max-width changes at each breakpoint.

<div class="container">
  <!-- Content here -->
</div>

Example 6: container class in bootstrap

meaning it’s 100% wide all the time