boostrap offset code example

Example 1: col offset in bootstrap

.col-md-3 .offset-md-3

Example 2: bootstrap offset

<div class="col-sm-6 col-sm-offset-3"></div>

Example 3: Bootstrap 4 Grid

<!-- Control the column width, and how they should appear on different devices -->
<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>

<!-- Or let Bootstrap automatically handle the layout -->
<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

Example 4: .col-12 bootstrap

.col-12{
	flex: 0 0 100%;
	max-width: 100%;
}

Example 5: .row bootstrap

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

Example 6: offset bootstrap

$grid-breakpoints: (
  xs: 0,
  sm: 480px,
  md: 768px,
  lg: 1024px
);

$container-max-widths: (
  sm: 420px,
  md: 720px,
  lg: 960px
);