document that multiple navbars aren't supported by default; addresses #10824

diff --git a/components.html b/components.html
index e409e3d94cd717a164d11f326b3b84bb4d4b9ab0..26756f481dad6ea2be82935bea00e67fa8bf21ca 100644 (file)
--- a/components.html
+++ b/components.html
@@ -1416,6 +1416,10 @@ base_url: "../"
       <h4>Customize the collapsing point</h4>
       <p>Depending on the content in your navbar, you might need to change the point at which your navbar switches between collapsed and horizontal mode. Customize the <code>@grid-float-breakpoint</code> variable or add your own media query.</p>
     </div>
+    <div class="bs-callout bs-callout-warning" id="multiple-navbars-warning">
+      <h4>Multiple navbars require custom code</h4>
+      <p>Multiple nearby navbars with dropdown menus are not supported by default. You will need to override the <code>z-index</code>es of the dropdown menus yourself. Otherwise, the dropdown menu will display behind the other navbar.</p>
+    </div>
 
     <div class="bs-example">
       <nav class="navbar navbar-default" role="navigation">