Unexpected rendering with .navbar-text
Created by: UncleFup
Latest Chrome and Safari on Mountain Lion.
I have provided three snippets of markup below with screenshots. It appears that an element with class .navbar-text stacks above any following elements, including other elements of the same class. The behavior seems consistent regardless of the positioning of the navbar.
This:
<div class="navbar navbar-fixed-bottom">
<nav class="container" role="navigation">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".footer-nav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
<p class="navbar-text">Navbar Text</p>
<div class="nav-collapse collapse navbar-responsive-collapse bottom_navigation_bar"">
<ul class="nav navbar-nav">
. . .
</ul>
</div>
</nav>
</div>
and this:
<div class="navbar navbar-fixed-bottom">
<nav class="container" role="navigation">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".footer-nav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="navbar-text">Navbar Text</p>
<a class="navbar-brand" href="#">Brand</a>
<div class="nav-collapse collapse navbar-responsive-collapse bottom_navigation_bar"">
<ul class="nav navbar-nav">
. . .
</ul>
</div>
</nav>
</div>
But, this:
<div class="navbar navbar-fixed-bottom">
<nav class="container" role="navigation">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".footer-nav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
<div class="nav-collapse collapse navbar-responsive-collapse bottom_navigation_bar"">
<ul class="nav navbar-nav">
. . .
</ul>
</div>
<p class="navbar-text">Navbar Text</p>
</nav>
</div>
Since I am registering a complaint, I also want to say thank you to all the contributors for the hard work. I especially like where the project is headed in this version.