下拉菜单组件制作下拉菜单

小图标组件的使用及应用场景

图标（icon）是一个优秀网站不可缺少的一组元素，小图标的点缀可以使网站瞬间提升一个档次

Bootstrap给我们提供了250种小图标，这些小图标可以作用在内联元素上，给网页增加更多活力

小图标应用注意事项

图标类不能和其他组件直接联合使用

不能在同一个元素上与其他类同存在

创建一个嵌套的span元素，并将图标应用到这个span上

只对内容为空的元素起作用

对引入的图标位置有规定

图标字体全部位于../fonts/目录内，相对于预编译版CSS文件的应该是同级目录

小图标应用场景

icon和导航组合

icon和按钮组合

icon和输入框组合

下拉菜单组件

在网页交互的时候经常会需要上下文菜单或者隐藏/展开菜单

下拉菜单的 JavaScript 插件能让它具有交互性

下拉菜单使用方法

名为.dropdown样式所在的是大容器

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

.open可以控制菜单展开与否