Bootstrap Tutorial - Bootstrap Page header style








Simple page header style

A layout for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components (with additional styles).

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<!--   ww w  .j  a  va 2  s. c o 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="page-header">
  <h1>Example page header <small>Subtext for header</small></h1>
</div>
</body> 
</html>

Click to view the demo