diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index b257cd4d13..d24a4ddf31 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -163,6 +163,35 @@
             <li><a href="#">{{_i}}Separated link{{/i}}</a></li>
           </ul>
         </div><!-- /btn-group -->
+
+        <div class="btn-group">
+          <a class="btn info dropdown-toggle" data-toggle="dropdown" href="#btnDropdown1">{{_i}}1{{/i}} <span class="caret"></span></a>
+          <a class="btn info dropdown-toggle" data-toggle="dropdown" href="#btnDropdown2">{{_i}}2{{/i}} <span class="caret"></span></a>
+          <a class="btn info dropdown-toggle" data-toggle="dropdown" href="#btnDropdown3">{{_i}}3{{/i}} <span class="caret"></span></a>
+          <ul class="dropdown-menu" id="btnDropdown1">
+            <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>
+          <ul class="dropdown-menu" id="btnDropdown2">
+            <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>
+          <ul class="dropdown-menu" id="btnDropdown3">
+            <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>
     </div>
     <div class="span8">