• Problems

  This line enable URL Rewriting . It must be enabled via the RewriteEngine directive! and if your .htaccess file is going to use rewrite rules, you should always include this line. Otherwise, you can’t be sure if its enabled or not. The string “on” is case insensitive.

This Tutorial will discuss about Bootstrap panels. Panel component are used when you want to put your content  in a box for better user interface.

1)Getting Basic Panel:
To get a basic panel, just add class .panel to the <div> element. Also add class .panel-default to
 this element as shown in the following example:

<div class="panel panel-default">
<div class="panel-body"> This is a Basic panel </div>
</div>
2)Adding heading to your panel:
There are two ways to add panel heading:
 ? Use .panel-heading class to easily add a heading container to your panel.
 ? Use any <h1>-<h6> with a .panel-title class to add a pre-styled heading.

 Following example demonstrates both the ways:

<div class="panel panel-default">
 <div class="panel-heading"> Panel heading without title </div>
<div class="panel-body"> Panel content </div>
</div>
<div class="panel panel-default">
<div class="panel-heading"> <h3 class="panel-title"> Panel With title </h3></div>
<div class="panel-body"> Panel content </div>
</div>

3)Adding footer to your panel:
You can add footers to panels, by wrapping buttons or secondary text in a <div> containing class.panel-footer.

Following example demonstrates this.
<div class="panel panel-default">
<div class="panel-body"> This is a Basic panel </div>
<div class="panel-footer">Panel footer</div>
</div>


4)Adding color to Your panel:Use contextual state classes panel-primary, panel-success, panel-info, panel-warning, panel-danger,to add color and
 to make a panel more meaningful to a particular context.

<div class="panel panel-primary">
<div class="panel-heading"> <h3 class="panel-title">Panel title</h3> </div>
<div class="panel-body"> This is a Basic panel </div>
</div>
<div class="panel panel-success">
<div class="panel-heading"> <h3 class="panel-title">Panel title</h3>
</div>