simplify notes around using button dropdowns

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index ba68e8c584f8fc7493e871288189d7e61d448328..feabc4941309a9c078e0a276ba58701124c7b9f5 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/components.html b/docs/components.html
index 3a3ac15fc846702013ff730a552aaca7ce930256..9c4c420b6410b8a229febcfe1ca783aca7afefea 100644 (file)
--- a/docs/components.html
+++ b/docs/components.html
@@ -270,8 +270,6 @@
           </ul>
         </div><!-- /btn-group -->
       </div><!-- /btn-toolbar -->
-      <hr>
-      <p><span class="label label-info">Heads up!</span> Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.</p>
     </div>
     <div class="span8">
       <h3>Example markup</h3>
@@ -327,15 +325,12 @@
       </div><!-- /btn-toolbar -->
     </div><!--/span-->
     <div class="span4">
-
-    </div><!--/span-->
-    <div class="span4">
-
+      <h3>Requires javascript</h3>
+      <p>Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.</p>
+      <p>In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.</p>
     </div><!--/span-->
   </div><!--/row-->
-  <div class="alert alert-info">
-    <strong>Heads up!</strong> In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.
-  </div>
+  <br>
 
   <h2>Split button dropdowns</h2>
   <div class="row">

diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index b52919995e39dec0bb4a13cd5f24ffef5666b842..1dd3d87bb6c89829325f443f8da4bc981aa29063 100644 (file)
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -194,8 +194,6 @@
           </ul>
         </div><!-- /btn-group -->
       </div><!-- /btn-toolbar -->
-      <hr>
-      <p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.{{/i}}</p>
     </div>
     <div class="span8">
       <h3>{{_i}}Example markup{{/i}}</h3>
@@ -216,7 +214,7 @@
   <div class="row">
     <div class="span4">
       <h3>{{_i}}Works with all button sizes{{/i}}</h3>
-      <p>Button dropdowns work at any size. your button sizes to <code>.btn-large</code>, <code>.btn-small</code>, or <code>.btn-mini</code>.</p>
+      <p>{{_i}}Button dropdowns work at any size. your button sizes to <code>.btn-large</code>, <code>.btn-small</code>, or <code>.btn-mini</code>.{{/i}}</p>
       <div class="btn-toolbar" style="margin-top: 18px;">
         <div class="btn-group">
           <button class="btn btn-large dropdown-toggle" data-toggle="dropdown">{{_i}}Large button{{/i}} <span class="caret"></span></button>
@@ -251,15 +249,12 @@
       </div><!-- /btn-toolbar -->
     </div><!--/span-->
     <div class="span4">
-
-    </div><!--/span-->
-    <div class="span4">
-
+      <h3>{{_i}}Requires javascript{{/i}}</h3>
+      <p>{{_i}}Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.{{/i}}</p>
+      <p>{{_i}}In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.{{/i}}</p>
     </div><!--/span-->
   </div><!--/row-->
-  <div class="alert alert-info">
-    <strong>{{_i}}Heads up!{{/i}}</strong> {{_i}}In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.{{/i}}
-  </div>
+  <br>
 
   <h2>{{_i}}Split button dropdowns{{/i}}</h2>
   <div class="row">