bootstrap下拉菜单学习（五）

组件：下拉菜单

bootstrap字体图标和下拉菜单组件的使用

这些图标都存在我们引入的font文件夹内：

 

 

复制bootstrap所用的包：

 创建html页面：

 

 

 

 

图标不仅可以直接放文本里面， 还可有结合按钮去用。

 

 

要使用组件：不仅要引入css还用引入bootstrap的js文件：

bootstrap.min.js是基于jquery写的所以也要引入jquery：

 

 下拉菜单组件：

 查看是否引入成功：200位成功

 

 

 

 

 

 

 首先写一个div class：dropdown

写下拉按钮：class命名样式    当点击按钮触发下拉菜单需要加data-toggle

下拉菜单 class：用dropdown-menu

 

 

 

上拉菜单：

 

把dropdown换成dropup：