I am utilizing bootstrap 3.
<body>
<div id="site-wrapper">
<div class="nav-wrapper">
<nav class="nav-bar" id="nav" role="navigation">
<ul class="primary-nav">
<li><a href="#">list all </a></li>
<li><a href="#">list foo </a></li>
</ul>
</nav>
</div>
<div id="container">
<!-- empty and maybe hidden(?) at start -->
</div>
</div>
</body>
I aim to position this navigation/menu in the center of my page, and upon selecting an item, the entire navbar should move to the top, while the content of that item should display inside the <div id="container">