From 4d23aa4ef50ac16fec9fbc12832ad99f362ac703 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 26 Aug 2013 17:37:52 -0700
Subject: Address #9873 and fix #9774

* Update styling of justified nav links to be more mobile friendly
(with all four rounded corners and some margin between items)
* Add note to docs to callout bogus WebKit rendering on component and
example
---
 components.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'components.html')

diff --git a/components.html b/components.html
index e4a1fdb7e..36f7a23f9 100644
--- a/components.html
+++ b/components.html
@@ -1243,7 +1243,11 @@ base_url: "../"
 
 
     <h2 id="nav-justified">Justified</h2>
-    <p>Easily make tabs or pills equal widths of their parent with <code>.nav-justified</code>.</p>
+    <p>Easily make tabs or pills equal widths of their parent at screens wider than 768px with <code>.nav-justified</code>. On smaller screens, the nav links are stacked.</p>
+    <div class="bs-callout bs-callout-warning">
+      <h4>WebKit and responsive justified navs</h4>
+      <p>Chrome and Safari both exhibit a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p>
+    </div>
     <div class="bs-example">
       <ul class="nav nav-tabs nav-justified">
         <li class="active"><a href="#">Home</a></li>
-- 
cgit v1.2.3