Bootstrap Tutorial - How to use Bootstrap Grid layout system








Get to know Bootstrap Grid layout system

By default the grid layout system of Bootstrap has 12 columns.

We use the row class to mark the row div container and then use the col-lg-* to mark each cell. All * adds up should be equal to 12.

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<style>div{background:#eee;border:1px solid #DDD;}</style>
<!--   ww w . ja v  a 2s.co m-->
</head>
<body style='margin:20px;'>


    <div class="row">
      <div class="col-lg-8">8</div>
      <div class="col-lg-4">4</div>
    </div>
</body> 
</html>

Click to view the demo