Refactor: drop .dropdown .caret for a generated caret using .dropdown-toggle:after

1 files changed, 13 insertions, 23 deletions

diff --git a/docs/_includes/components/button-dropdowns.html b/docs/_includes/components/button-dropdowns.html
index 165e0777e..d70e97c32 100644
--- a/docs/_includes/components/button-dropdowns.html
+++ b/docs/_includes/components/button-dropdowns.html
@@ -12,7 +12,7 @@
   <p>Turn a button into a dropdown toggle with some basic markup changes.</p>
   <div class="bs-example">
     <div class="btn-group">
-      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default <span class="caret"></span></button>
+      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default</button>
       <ul class="dropdown-menu" role="menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
@@ -22,7 +22,7 @@
       </ul>
     </div><!-- /btn-group -->
     <div class="btn-group">
-      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Primary <span class="caret"></span></button>
+      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Primary</button>
       <ul class="dropdown-menu" role="menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
@@ -32,7 +32,7 @@
       </ul>
     </div><!-- /btn-group -->
     <div class="btn-group">
-      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
+      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success</button>
       <ul class="dropdown-menu" role="menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
@@ -42,7 +42,7 @@
       </ul>
     </div><!-- /btn-group -->
     <div class="btn-group">
-      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <span class="caret"></span></button>
+      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info</button>
       <ul class="dropdown-menu" role="menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
@@ -52,7 +52,7 @@
       </ul>
     </div><!-- /btn-group -->
     <div class="btn-group">
-      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning <span class="caret"></span></button>
+      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning</button>
       <ul class="dropdown-menu" role="menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
@@ -62,7 +62,7 @@
       </ul>
     </div><!-- /btn-group -->
     <div class="btn-group">
-      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger <span class="caret"></span></button>
+      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger</button>
       <ul class="dropdown-menu" role="menu">
         <li><a href="#">Action</a></li>
         <li><a href="#">Another action</a></li>
@@ -76,7 +76,7 @@
 <!-- Single button -->
 <div class="btn-group">
   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-    Action <span class="caret"></span>
+    Action
   </button>
   <ul class="dropdown-menu" role="menu">
     <li><a href="#">Action</a></li>
@@ -94,7 +94,6 @@
     <div class="btn-group">
       <button type="button" class="btn btn-default">Default</button>
       <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-        <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
       </button>
       <ul class="dropdown-menu" role="menu">
@@ -108,7 +107,6 @@
     <div class="btn-group">
       <button type="button" class="btn btn-primary">Primary</button>
       <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
-        <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
       </button>
       <ul class="dropdown-menu" role="menu">
@@ -122,7 +120,6 @@
     <div class="btn-group">
       <button type="button" class="btn btn-success">Success</button>
       <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
-        <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
       </button>
       <ul class="dropdown-menu" role="menu">
@@ -136,7 +133,6 @@
     <div class="btn-group">
       <button type="button" class="btn btn-info">Info</button>
       <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
-        <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
       </button>
       <ul class="dropdown-menu" role="menu">
@@ -150,7 +146,6 @@
     <div class="btn-group">
       <button type="button" class="btn btn-warning">Warning</button>
       <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
-        <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
       </button>
       <ul class="dropdown-menu" role="menu">
@@ -164,7 +159,6 @@
     <div class="btn-group">
       <button type="button" class="btn btn-danger">Danger</button>
       <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
-        <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
       </button>
       <ul class="dropdown-menu" role="menu">
@@ -181,7 +175,6 @@
 <div class="btn-group">
   <button type="button" class="btn btn-danger">Action</button>
   <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
-    <span class="caret"></span>
     <span class="sr-only">Toggle Dropdown</span>
   </button>
   <ul class="dropdown-menu" role="menu">
@@ -200,7 +193,7 @@
     <div class="btn-toolbar" role="toolbar">
       <div class="btn-group">
         <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
-          Large button <span class="caret"></span>
+          Large button
         </button>
         <ul class="dropdown-menu" role="menu">
           <li><a href="#">Action</a></li>
@@ -214,7 +207,7 @@
     <div class="btn-toolbar" role="toolbar">
       <div class="btn-group">
         <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-          Small button <span class="caret"></span>
+          Small button
         </button>
         <ul class="dropdown-menu" role="menu">
           <li><a href="#">Action</a></li>
@@ -228,7 +221,7 @@
     <div class="btn-toolbar" role="toolbar">
       <div class="btn-group">
         <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
-          Extra small button <span class="caret"></span>
+          Extra small button
         </button>
         <ul class="dropdown-menu" role="menu">
           <li><a href="#">Action</a></li>
@@ -244,7 +237,7 @@
 <!-- Large button group -->
 <div class="btn-group">
   <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
-    Large button <span class="caret"></span>
+    Large button
   </button>
   <ul class="dropdown-menu" role="menu">
     ...
@@ -254,7 +247,7 @@
 <!-- Small button group -->
 <div class="btn-group">
   <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-    Small button <span class="caret"></span>
+    Small button
   </button>
   <ul class="dropdown-menu" role="menu">
     ...
@@ -264,7 +257,7 @@
 <!-- Extra small button group -->
 <div class="btn-group">
   <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
-    Extra small button <span class="caret"></span>
+    Extra small button
   </button>
   <ul class="dropdown-menu" role="menu">
     ...
@@ -279,7 +272,6 @@
       <div class="btn-group dropup">
         <button type="button" class="btn btn-default">Dropup</button>
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-          <span class="caret"></span>
           <span class="sr-only">Toggle Dropdown</span>
         </button>
         <ul class="dropdown-menu" role="menu">
@@ -293,7 +285,6 @@
       <div class="btn-group dropup">
         <button type="button" class="btn btn-primary">Right dropup</button>
         <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
-          <span class="caret"></span>
           <span class="sr-only">Toggle Dropdown</span>
         </button>
         <ul class="dropdown-menu dropdown-menu-right" role="menu">
@@ -310,7 +301,6 @@
 <div class="btn-group dropup">
   <button type="button" class="btn btn-default">Dropup</button>
   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-    <span class="caret"></span>
     <span class="sr-only">Toggle Dropdown</span>
   </button>
   <ul class="dropdown-menu" role="menu">