Bootstrap Tutorial - Panel with heading








Easily add a heading container to your panel with .panel-heading. You may also include any <h1>-<h6> with a .panel-title class to add a pre-styled heading.

Example

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<!--from w w  w . ja  v a  2s  .com-->
<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="panel">
   <div class="panel-heading">Panel heading</div>
    Panel content
 </div>

</body> 
</html>

Click to view the demo