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>
2025 © YMS. All Rights Reserved | 대표이사 : 나종훈 , 분원장 : 이송심 | 사업자등록번호 : 401-98-43534 | 주소 : 전북특별자치도 익산시 궁동로 141, 2층(부송동)