Include heading elements from <h1> to <h6> with a .panel-title class. - HTML CSS Bootstrap

HTML CSS examples for Bootstrap:Panel

  1. HOME
  2. HTML CSS
  3. Bootstrap
  4. Panel

Description

Include heading elements from <h1> to <h6> with a .panel-title class.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Example of Bootstrap 3 Panels with Title</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 </head><!--  w w w.  ja v  a 2 s .  c  o m-->
 <body>
  <div>
   <div class="panel panel-default">
    <div class="panel-heading">
     <h1 class="panel-title">Panel Title</h1>
    </div>
    <div class="panel-body">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum id metus ac nisl bibendum scelerisque non non purus.
    </div>
   </div>
  </div>
 </body>
</html>

Related Tutorials