fix second part of #1962

docs/components.html

@@ -176,9 +176,8 @@
       <h3>Checkbox and radio flavors</h3>
       <p>Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View <a href="./javascript.html#buttons">the Javascript docs</a> for that.</p>
       <p><a class="btn js-btn" href="./javascript.html#buttons">Get the javascript &raquo;</a></p>
-      <hr>
-      <h4 class="muted">Heads up</h4>
-      <p class="muted">CSS for button groups is in a separate file, button-groups.less.</p>
+      <h3>Dropdowns in button groups</h3>
+      <p><span class="label label-info">Heads up!</span> Buttons with dropdowns must be individually wrapped in their own <code>.btn-group</code> within a <code>.btn-toolbar</code> for proper rendering.</p>
     </div>
   </div>
 </section>

docs/templates/pages/components.mustache

@@ -100,9 +100,8 @@
       <h3>{{_i}}Checkbox and radio flavors{{/i}}</h3>
       <p>{{_i}}Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View <a href="./javascript.html#buttons">the Javascript docs</a> for that.{{/i}}</p>
       <p><a class="btn js-btn" href="./javascript.html#buttons">{{_i}}Get the javascript &raquo;{{/i}}</a></p>
-      <hr>
-      <h4 class="muted">{{_i}}Heads up{{/i}}</h4>
-      <p class="muted">{{_i}}CSS for button groups is in a separate file, button-groups.less.{{/i}}</p>
+      <h3>{{_i}}Dropdowns in button groups{{/i}}</h3>
+      <p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}Buttons with dropdowns must be individually wrapped in their own <code>.btn-group</code> within a <code>.btn-toolbar</code> for proper rendering.{{/i}}</p>
     </div>
   </div>
 </section>