fix warning button issue per #2392 and add warning buttons to components

docs/assets/css/bootstrap.css

@@ -2222,6 +2222,7 @@ button.btn.btn-small, input[type="submit"].btn.btn-small {
   filter: alpha(opacity=100);
 }
 .btn-primary .caret,
+.btn-warning .caret,
 .btn-danger .caret,
 .btn-info .caret,
 .btn-success .caret,

docs/components.html

@@ -229,6 +229,16 @@
         </div><!-- /btn-group -->
       </div>
       <div class="btn-toolbar">
+        <div class="btn-group">
+          <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#">Warning <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+          </ul>
+        </div><!-- /btn-group -->
         <div class="btn-group">
           <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#">Success <span class="caret"></span></a>
           <ul class="dropdown-menu">
@@ -324,6 +334,17 @@
         </div><!-- /btn-group -->
       </div>
       <div class="btn-toolbar">
+        <div class="btn-group">
+          <a class="btn btn-warning" href="#">Warning</a>
+          <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+          </ul>
+        </div><!-- /btn-group -->
         <div class="btn-group">
           <a class="btn btn-success" href="#">Success</a>
           <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
@@ -346,6 +367,8 @@
             <li><a href="#">Separated link</a></li>
           </ul>
         </div><!-- /btn-group -->
+      </div>
+      <div class="btn-toolbar">
         <div class="btn-group">
           <a class="btn btn-inverse" href="#">Inverse</a>
           <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>

docs/templates/pages/components.mustache

@@ -153,6 +153,16 @@
         </div><!-- /btn-group -->
       </div>
       <div class="btn-toolbar">
+        <div class="btn-group">
+          <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Warning{{/i}} <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">{{_i}}Action{{/i}}</a></li>
+            <li><a href="#">{{_i}}Another action{{/i}}</a></li>
+            <li><a href="#">{{_i}}Something else here{{/i}}</a></li>
+            <li class="divider"></li>
+            <li><a href="#">{{_i}}Separated link{{/i}}</a></li>
+          </ul>
+        </div><!-- /btn-group -->
         <div class="btn-group">
           <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Success{{/i}} <span class="caret"></span></a>
           <ul class="dropdown-menu">
@@ -248,6 +258,17 @@
         </div><!-- /btn-group -->
       </div>
       <div class="btn-toolbar">
+        <div class="btn-group">
+          <a class="btn btn-warning" href="#">{{_i}}Warning{{/i}}</a>
+          <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">{{_i}}Action{{/i}}</a></li>
+            <li><a href="#">{{_i}}Another action{{/i}}</a></li>
+            <li><a href="#">{{_i}}Something else here{{/i}}</a></li>
+            <li class="divider"></li>
+            <li><a href="#">{{_i}}Separated link{{/i}}</a></li>
+          </ul>
+        </div><!-- /btn-group -->
         <div class="btn-group">
           <a class="btn btn-success" href="#">{{_i}}Success{{/i}}</a>
           <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
@@ -270,6 +291,8 @@
             <li><a href="#">{{_i}}Separated link{{/i}}</a></li>
           </ul>
         </div><!-- /btn-group -->
+      </div>
+      <div class="btn-toolbar">
         <div class="btn-group">
           <a class="btn btn-inverse" href="#">{{_i}}Inverse{{/i}}</a>
           <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>

less/button-groups.less

@@ -131,6 +131,7 @@
 
 // Account for other colors
 .btn-primary,
+.btn-warning,
 .btn-danger,
 .btn-info,
 .btn-success,