Bootstrp--一个导航面板切换的实用例子

<!--导航区开始-->
        <ul class="nav nav-tabs nav-stacked" role="tablist">
          <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
          <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
          <li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
        </ul>
        <!--导航区结束-->

        <!--面板区开始-->
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane active" id="home">这里是主页的内容</div>
          <div role="tabpanel" class="tab-pane" id="profile">这里是简介页面的内容</div>
          <div role="tabpanel" class="tab-pane" id="messages">这里是消息页面的内容</div>
        </div>
        <!--面板区结束-->

 

         Bootstrap是包装好的实例，可以拿来直接用，想要改变的样式自己做改变。

         网上的一些插件也是可以引用的，直接引用过来css和js就可以用，所以，Bootstrap的相关插件与模板，去官网拿下来即可