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>