Bootstrap Tutorial - Create span4 well








The following code shows how to create span4 well.

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>
</head><!--from w  w w .  j a v a  2s  . c om-->
<body style='margin:30px'>
  <div class="span4 well">
    <ul class="nav nav-list">
      <li class="nav-header">Recent news</li>
      <li><a href="">
          <i class="icon icon-play"></i> Introducing</a></li>
      <li class="divider"></li>
      <li><a href=""><i
          class="icon icon-play"></i> Do</a></li>
      <li class="divider"></li>
      <li><a href="">
          <i class="icon icon-play"></i> News</a></li>
      <li class="divider"></li>
      <li><a href="">
          <i class="icon icon-play"></i> Air</a></li>
      <li class="divider"></li>
    </ul>
  </div>
</body>
</html>

Click to view the demo