Offsetting columns using Bootstrap

Offsetting columns

We can move columns to the right using .col-lg-offset-* classes. These classes increase the left margin of a column by * columns.

For example, .col-lg-offset-4 moves .col-lg-4 over four columns.


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

    <div class="row">
      <div class="col-lg-4">...</div>
      <div class="col-lg-4 col-lg-offset-4">...</div>
    </div>

</body> 
</html>

Click to view the demo





















Home »
  Bootstrap »
    Bootstrap »




Introduction
Basic HTML Style
List
Table
Form
Layout
Navigation Bar
Button
Control