為了讓面板的隱藏與顯示在切換的過程效果更流暢，可以在面板中添加類名 fade，讓其產生漸入的效果。
在添加 fade 樣式時，最初的默認顯示的內容面板一定要記得加上 in 類名，不然其內容用戶無法看到。如下面的示例所示。
<!-- 選項卡組件（菜單項nav-tabs）-->
<ul id="myTab" class="nav nav-tabs" role="tablist">
<li class="active"><a href="#bulletin" role="tab" data-toggle="tab">公告</a></li>
<li><a href="#rule" role="tab" data-toggle="tab">規則</a></li>
<li><a href="#forum" role="tab" data-toggle="tab">論壇</a></li>
<li><a href="#security" role="tab" data-toggle="tab">安全</a></li>
<li><a href="#welfare" role="tab" data-toggle="tab">公益</a></li>
</ul>
<!-- 選項卡面板 -->
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="bulletin">公告內容面板</div>
<div class="tab-pane fade" id="rule">規則內容面板</div>
<div class="tab-pane fade" id="forum">論壇內容面板</div>
<div class="tab-pane fade" id="security">安全內容面板</div>
<div class="tab-pane fade" id="welfare">公益內容面板</div>
</div>
我來試試：為右側選項卡添加fade樣式
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報