add .panel-primary

2 files changed, 15 insertions, 0 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index c59d1aae7..76b5ec31d 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3033,6 +3033,16 @@ a.list-group-item.active .list-group-item-text {
   border-top-left-radius: 3px;
 }
 
+.panel-primary {
+  border-color: #428bca;
+}
+
+.panel-primary .panel-heading {
+  color: #ffffff;
+  background-color: #428bca;
+  border-color: #428bca;
+}
+
 .panel-success {
   border-color: #d6e9c6;
 }
diff --git a/docs/docs.html b/docs/docs.html
index 88f272c15..94826ffde 100644
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -4578,6 +4578,10 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     <h3 id="panels-alternatives">Contextual alternatives</h3>
     <p>Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.</p>
     <div class="bs-docs-example">
+      <div class="panel panel-primary">
+        <div class="panel-heading">Panel heading</div>
+        Panel content
+      </div>
       <div class="panel panel-success">
         <div class="panel-heading">Panel heading</div>
         Panel content
@@ -4596,6 +4600,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
       </div>
     </div>
 {% highlight html linenos %}
+<div class="panel panel-primary">...</div>
 <div class="panel panel-success">...</div>
 <div class="panel panel-warning">...</div>
 <div class="panel panel-danger">...</div>