col bootstrap code example
Example 1: no-gutter bootstrap 4
<div class="row no-gutters">
<div class="col-12 col-sm-6 col-md-8">.col-12 .col-sm-6 .col-md-8</div>
<div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>
Example 2: col offset in bootstrap
.col-md-3 .offset-md-3
Example 3: bootstrap grid
<div class="container">
<div class="row">
<div class="col-sm">
One of three columns
</div>
<div class="col-sm">
One of three columns
</div>
<div class="col-sm">
One of three columns
</div>
</div>
</div>
Example 4: Bootstrap 4 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 class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
Example 5: .col-12 bootstrap
.col-12{
flex: 0 0 100%;
max-width: 100%;
}
Example 6: bootstrap grid class
col-12 col-sm-4 col-md-3 col-lg-12 col-xl-12