From 7396fa597d57ffb339539dae14322e44c6033814 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 20 Oct 2014 19:08:10 -0700 Subject: [PATCH] port over #13746 & 1f329f8f17aa989eabc6e94bdcab93e69ef0e463 --- components/index.html | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/components/index.html b/components/index.html index 7626c7691c..d71a5f9a79 100644 --- a/components/index.html +++ b/components/index.html @@ -2179,7 +2179,7 @@

Justified navbar nav links are currently not supported.

Safari and responsive justified navs

-

As of v7.0.1, Safari exhibits 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 justified nav example.

+

As of v7.1, Safari exhibits 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 justified nav example.

+ +

Replace the navbar brand with your own image by swapping the text for an <img>. Since the .navbar-brand has its own padding and height, you may need to override some CSS depending on your image.

+
+ +
+
<nav class="navbar navbar-default" role="navigation">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <a class="navbar-brand" href="#">
+        <img alt="Brand" src="...">
+      </a>
+    </div>
+  </div>
+</nav>
+ +

Place form content within .navbar-form for proper vertical alignment and collapsed behavior in narrow viewports. Use the alignment options to decide where it resides within the navbar content.

As a heads up, .navbar-form shares much of its code with .form-inline via mixin. Some form controls, like input groups, may require fixed widths to be show up properly within a navbar.

@@ -4034,6 +4058,7 @@ Navbar