bootstrap col classes code example
Example 1: columns center bootstrap 3
<div class="row">
<div class="col-md-2 col-md-offset-5"></div>
</div>
Example 2: 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 3: .col-12 bootstrap
.col-12{
flex: 0 0 100%;
max-width: 100%;
}
Example 4: bootstrap grid class
col-12 col-sm-4 col-md-3 col-lg-12 col-xl-12
Example 5: bootstrap change column width
.col-sm-3half, .col-sm-8half {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.col-sm-3half, .col-sm-8half {
float: left;
}
.col-sm-3half {
width: 29.16666667%;
}
.col-sm-8half {
width: 70.83333333%;
}
}