Bootstrap 使用小點總結

Bootstrap 使用小點總結

1、標籤頁 使用

示例：
<div >
     <a href="#home1"  data-toggle="pill">Home_1</a>
     <a href="#home2"  data-toggle="pill">Home_2</a>
</div>

<div class="tab-content">
  <div role="tabpanel" class="tab-pane" id="home1">Home_1</div>
    <div role="tabpanel" class="tab-pane" id="home2">Home_2</div>
</div>


實現過程：
    首先經過  [href="#id"]和[data-toggle="pill"] 來定義一個須要去調用標籤頁的元素。
    其次：被調用的須要一個大 [tab-content]裏包含小 [class="tab-pane active"] [id="home"]來實現。
  最後，使用 [active] 類來實現默認標籤頁