Home » %%sitename%% » Try Bootstrap Column Offset & Nasted

Try Bootstrap Column Offset & Nasted

Code

<div class="container">
                    <div class="row">
        <div class="col-md-12">column 12</div>
                    </div>
                    <div class="row">
        <div class="col-md-6">column md 6</div>                        
        <div class="col-md-5 col-md-offset-1">column md 5  & md offset 1</div>
                    </div>
                    <div class="row">
        <div class="col-lg-6">column lg 6</div>                        
        <div class="col-lg-5 col-lg-offset-1">column lg 5 & lg offset1</div>
                    </div>
                    <div class="row">
        <div class="col-sm-6">column sm 6</div>                        
        <div class="col-sm-5 col-sm-offset-1">column sm 5 & sm offset1</div>
                    </div>
                    <div class="row">
        <div class="col-xs-6">column xs 6</div>                        
        <div class="col-xs-5 col-xs-offset-1">column xs 5 & xs offset1</div>
                    </div>
                    <div class="row">
        <div class="col-xs-7">
                          <div class="col-xs-6">nasted</div><div class="col-xs-6">nasted</div>
                        </div>                        
        <div class="col-xs-5">
                          <div class="col-xs-4">nasted</div><div class="col-xs-8">nasted</div>
                        </div>
                    </div>
                </div>

Try Bootstrap Column Offset & Nasted

Code

Result

Ads Blocker Detected!!!