Home
About Us
Tutorials
PHP Tutorials
wordpress theme development
Typescript Tutorials
WordPress Tutorials
Bootstrap 3 Tutorials
Blog
Contact Us
Home
»
%%sitename%%
»
Try Bootstrap Column Offset & Nasted
Try Bootstrap Column Offset & Nasted
Code
<!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <!-- used for the character set used --> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> <body> <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> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </body> </html>
Result