Bootstrap Tutorial - Linked list group

Linkify list group items by using anchor tags instead of list items.

Example

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<!-- www  .  j av a2  s.  co  m-->
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script src="http://java2s.com/style/bootstrap.min.js"></script>

</head>
<body style='margin:20px;'>

<div class="list-group">
        <a href="#" class="list-group-item active">
          Cras justo odio
        </a>
        <a href="#" class="list-group-item">Dapibus ac facilisis in
        </a>
        <a href="#" class="list-group-item">Morbi leo risus
        </a>
        <a href="#" class="list-group-item">Porta ac consectetur ac
        </a>
        <a href="#" class="list-group-item">Vestibulum at eros
        </a>
</div>

</body> 
</html>

Click to view the demo