Bootstrap Tutorial - Put list in a well








The following code shows how to put list in a well.

Example

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
  src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript'
  src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<style type='text/css'>
@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap.css');
<!--  w  w w  .  java2s . co m-->
</style>

</head>
<body style='margin:30px'>
  <div class="container">
    <div class="well">
      <ul>
        <li>A</li>
        <li><a id="alertMe" href="#">B</a></li>
        <li>C</li>
      </ul>
    </div>
  </diV>
</body>
</html>

Click to view the demo