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>

renders like this:

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>

renders as:

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>

renders like this:

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.