小圖標組件的使用及應用場景

圖標（icon）是一個優秀網站不可缺少的一組元素，小圖標的點綴可以使網站瞬間提升一個檔次

Bootstrap給我們提供了250種小圖標，這些小圖標可以作用在內聯元素上，給網頁增加更多活力

小圖標應用注意事項

圖標類不能和其他組件直接聯合使用

不能在同一個元素上與其他類同存在

創建一個嵌套的span元素，并將圖標應用到這個span上

只對內容為空的元素起作用

對引入的圖標位置有規定

圖標字體全部位于../fonts/目錄內，相對于預編譯版CSS文件的應該是同級目錄

小圖標應用場景

icon和導航組合

icon和按鈕組合

icon和輸入框組合

下拉菜單組件

在網頁交互的時候經常會需要上下文菜單或者隱藏/展開菜單

下拉菜單的 JavaScript 插件能讓它具有交互性

下拉菜單使用方法

名為.dropdown樣式所在的是大容器

.dropdown-menu是放菜單li的容器

.open可以控制菜單展開與否