col-3 bootstrap code example
Example 1: col offset in bootstrap
.col-md-3 .offset-md-3
Example 2: .col-6 bootstrap
.col-6{
flex: 0 0 50%;
max-width: 50%;
}
Example 3: how will it look when there is a container inside a a row bootstrap
<div class="container">
<div class="row">
<div class="col align-self-start">
One of three columns
</div>
<div class="col align-self-center">
One of three columns
</div>
<div class="col align-self-end">
One of three columns
</div>
</div>
</div>
Example 4: col-md-6 bootstrap
<div class="col-lg-2 col-md-4 col-sm-3 "> Your Stuffs </div>
/*
col-lg for large
col-md for med
col-sm for small
enjoy :)
*/
Example 5: offset bootstrap
$grid-breakpoints: (
xs: 0,
sm: 480px,
md: 768px,
lg: 1024px
);
$container-max-widths: (
sm: 420px,
md: 720px,
lg: 960px
);