1.Bootstrap 圖標(biāo)(Glyphicons)

使用圖標(biāo)的方法非常簡單，只需要在任何內(nèi)聯(lián)元素上應(yīng)用對應(yīng)的樣式即可,。

如：

<span class=“glyphicon glyphicon-home”></span>

   2.Bootstrap 下拉菜單

如需使用下拉菜單,，只需要在 class .dropdown 內(nèi)加上下拉菜單即可。下面的實(shí)例演示了基本的下拉菜單：

  3.Bootstrap 輸入框組

  4.Bootstrap 導(dǎo)航元素

創(chuàng)建一個(gè)標(biāo)簽式的導(dǎo)航菜單：以一個(gè)帶有 class .nav 的無序列表開始,。添加 class .nav-tabs,。

  5.Bootstrap 導(dǎo)航欄

創(chuàng)建一個(gè)默認(rèn)的導(dǎo)航欄的步驟如下： 

向標(biāo)簽添加 class .navbar、.navbar-default,。

  6.Bootstrap 分頁

  7.Bootstrap 徽章（Badges）

徽章（Badges）主要用于突出顯示新的或未讀的項(xiàng)。如需使用徽章,，只需要把 添加到鏈接,、Bootstrap 導(dǎo)航等這些元素上即可,。

總結(jié)

總而言之,，這些bootstrap組件給帶來了非常多的便利。雖然我在這里住的例子都比較的簡單,，但是如果直接用靜態(tài)網(wǎng)頁的代碼來實(shí)現(xiàn)的話會(huì)更加的復(fù)雜,，要寫很多代碼。Bootstrap的這些組件學(xué)習(xí)會(huì)使我們做項(xiàng)目更加的方便快捷,，更加的高效做出一個(gè)網(wǎng)頁,。