使用navbar Bootstrap更改内容

Question

我有一个关于Bootstrap导航栏的问题。

我有以下简单要求：

1. 单页申请
2. 带有一些链接的导航栏

3. 点击链接时应更改div

   <div class="collapse navbar-inverse navbar-collapse" id="navbar-collapse-1">
               <ul class="nav navbar-nav">
                   <li>
                       <a  href="#gallery1">Gallery1</a>
                   </li>
                   <li>
                        <a  href="#gallery2">Gallery2</a>
                   </li>
                </ul>
   </div>
   

      

      

我知道使用nav-tab你可以使用不同的部分用于不同的内容但是有一个简单的方法使用bootstrap navbar css还是我必须使用jquery来完成该任务？