diff options
| author | Mark Otto <[email protected]> | 2013-08-26 17:37:52 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-26 17:37:52 -0700 |
| commit | 4d23aa4ef50ac16fec9fbc12832ad99f362ac703 (patch) | |
| tree | f1049da589b1ad29939401edbe7c74242dbcc4db /components.html | |
| parent | 8f83a6010a05e673c3e0dcfbd97e8b8ddc3d9135 (diff) | |
| download | bootstrap-4d23aa4ef50ac16fec9fbc12832ad99f362ac703.tar.xz bootstrap-4d23aa4ef50ac16fec9fbc12832ad99f362ac703.zip | |
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
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 6 |
1 files changed, 5 insertions, 1 deletions
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> |