<!--導航區開始--><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的相關插件與模板，去官網拿下來即可

轉載于:https://www.cnblogs.com/gaoshengyue/p/7929069.html

總結

以上是生活随笔為你收集整理的Bootstrp--一个导航面板切换的实用例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。