Grid

                
                    
        <div class="row">
            <div class="col-12">
                <h3>Grid 1</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis! Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-md-6">
                <h3>Grid 1/2</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-md-6">
                <h3>Grid 1/2</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-md-4">
                <h3>Grid 1/3</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-md-4">
                <h3>Grid 1/3</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-md-4">
                <h3>Grid 1/3</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-lg-8 col-md-7">
                <h3>Grid 2/3</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-lg-4 col-md-5">
                <h3>Grid 1/3</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <h3>Grid 1/4</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-lg-3 col-md-6">
                <h3>Grid 1/4</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-lg-3 col-md-6">
                <h3>Grid 1/4</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-lg-3 col-md-6">
                <h3>Grid 1/4</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-lg-3 col-md-5">
                <h3>Grid 1/4</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
            <div class="col-lg-9  col-md-7">
                <h3>Grid 3/4</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-lg-2 col-md-4 col-sm-6">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus </p>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus </p>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus </p>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus </p>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus </p>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus </p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <div class="row">
            <div class="col-lg-2 col-md-4">
                <h3>Grid 1/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium</p>
            </div>
            <div class="col-lg-10 col-md-8">
                <h3>Grid 5/6</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure fugiat tempore officia iusto temporibus accusantium illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis! Illum repellat laborum culpa nihil aliquam quis repudiandae ad dolorem, quos ullam itaque quod omnis!</p>
            </div>
        </div>
		    		Copy to clipboard