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

Code Here:


									
<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> <!-- end row -->
</div> <!-- grid-structure -->
									
								
All Rights Reserved by Severny. Designed and Developed by WrapPixel.