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