top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration

Facebook Login
Site Registration

What contextual classes are available to style the panels in Bootstrap?

0 votes
47 views
What contextual classes are available to style the panels in Bootstrap?
posted Jul 5, 2017 by Surajit Pal

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes

Contextual classes are used to make a panel more meaningful to a particular context. There are 5 contextual classes are available to style the panels in Bootstrap. These are .panel-primary, .panel-success, .panel-info, .panel-warning and .panel-danger.

Example

<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>
   <div class = "panel-body">
      This is a Basic panel
   </div>
</div>
<div class = "panel panel-info">
   <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-warning">
   <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-danger">
   <div class = "panel-heading">
      <h3 class = "panel-title">Panel title</h3>
   </div>
   <div class = "panel-body">
      This is a Basic panel
   </div>
</div>

Preview

enter image description here

answer Jul 5, 2017 by Subhajit Maity
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...