Bootstrap Tutorial - Mark double column








The following code shows how to mark double column.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script type='text/javascript'
  src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<style type='text/css'>
@media ( max-width : 767px) {
  .double-col.row-fluid [class*="span"] {
    float: left;
    width: 50%;
  }<!--from w  w  w.j  a va2 s. co  m-->
}
</style>
</head>
<body>
  <div class="container-fluid">
    <div class="row-fluid double-col">
      <div class="span3">
        <div class="well">Column 1</div>
        <!--/.well -->
      </div>
      <!--/span-->
      <div class="span9 well">Column 2</div>
      <!--/span-->
    </div>

  </div>
</body>
</html>

Click to view the demo