Applies defulat contextual styling to the panel. Other contextual state classes like panel-primary, panel-success, panel-info, panel-warning and panel-danger can also be used

panel-heading

Creates a panel heading

panel-title

For styling the title in the panel heading

panel-body

Creates a panel body

panel-footer

Creates a panel footer

Creating a panel with header, body and footer

<divclass="panel
panel-default">

<divclass="panel-heading">

<h3class="panel-title">What is bootstrap</h3>

</div>

<divclass="panel-body">

Bootstrap is a free, open-source and is
the most popular HTML, CSS, and JavaScript framework developed by twitter for
creating responsive web applications. It includes HTML and CSS based design
templates for common user interface components like Buttons, Dropdowns,
Typography, Tabs, Forms, Tables, Navigations, Alerts, Modals, Accordion,
Carousel etc. along with optional JavaScript extensions. Bootstrap framework is
based on open standards - HTML, CSS and JavaScript. This means bootstrap can be
used with any server side technology and any platform. You can use it with any
web application built with any server side technology like ASP.NET, JAVA, PHP
etc.