Grids
Bootstrap Grids
col-lg-12
col-lg-11
1
col-lg-10
col-lg-2
col-lg-9
col-lg-3
col-lg-8
col-lg-4
col-lg-7
col-lg-5
col-lg-6
col-lg-6
col-lg-5
col-lg-7
col-lg-4
col-lg-8
col-lg-3
col-lg-9
col-lg-2
col-lg-10
1
col-lg-11
col-lg-2
col-lg-3
col-lg-4
col-lg-2
1
<div class="grid-structure">
<div class="row">
<div class="col-lg-12">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-12 </div>
</div>
</div>
<div class="row">
<div class="col-lg-11">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-11 </div>
</div>
<div class="col-lg-1">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> 1 </div>
</div>
</div>
<div class="row">
<div class="col-lg-10">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-10 </div>
</div>
<div class="col-lg-2">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-2 </div>
</div>
</div>
<div class="row">
<div class="col-lg-9">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-9 </div>
</div>
<div class="col-lg-3">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-3 </div>
</div>
</div>
<div class="row">
<div class="col-lg-8">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-8 </div>
</div>
<div class="col-lg-4">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-4 </div>
</div>
</div>
<div class="row">
<div class="col-lg-7">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-7 </div>
</div>
<div class="col-lg-5">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-5 </div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-6 </div>
</div>
<div class="col-lg-6">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-6 </div>
</div>
</div>
<div class="row">
<div class="col-lg-5">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-5 </div>
</div>
<div class="col-lg-7">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-7 </div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-4 </div>
</div>
<div class="col-lg-8">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-8 </div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-3 </div>
</div>
<div class="col-lg-9">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-9 </div>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-2 </div>
</div>
<div class="col-lg-10">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-10 </div>
</div>
</div>
<div class="row">
<div class="col-lg-1">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> 1 </div>
</div>
<div class="col-lg-11">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-11 </div>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-2 </div>
</div>
<div class="col-lg-3">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-3 </div>
</div>
<div class="col-lg-4">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-4 </div>
</div>
<div class="col-lg-2">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> col-lg-2 </div>
</div>
<div class="col-lg-1">
<div class="grid-container bg-light py-2 px-3 mb-2 text-muted"> 1 </div>
</div>
</div>
</div>