Navigation control in Layout component not rendering properly 5.4beta3 quickstart app

I am running the 5.4 beta 3 tapestry quickstart app.
The navigation on the UI is not rendering properly.
I am new to bootstrap, so I was hoping the quickstart bootstrap would be all working.

from Layout.tml...
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<div class="container">
<button type="button" class="btn navbar-btn" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<t:pagelink page="index" class="brand">shop</t:pagelink>
<div class="nav-collapse collapse">
<ul class="nav">
<t:loop source="pageNames" value="pageName">
<li class="prop:classForPageName">
<t:pagelink page="prop:pageName">${pageName}</t:pagelink>
</li>
</t:loop>
</ul>
<span class="pull-right">
<t:pagelink page="login">
<button type="submit" class="btn">Sign in</button>
</t:pagelink>
</span>

</div><!--/.nav-collapse -->
</div>
</div>
</div>

See attached screen shot to see the small grey inert box at the left of the page header...
This is all the nav does. A static grey box for navigation. It is not behaving properly.

I tested in Chrome and Firefox on OSX and the navigation in the tapestry 5.4beta3 quickstart app is broken.

=============================