# 4.3 组件
> 无数可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。
我们接下来要学习的东西呢，是Bootstrap为我们提供的一些组件，这些组件的使用非常简单，可以方便快捷帮助我们搭建网站，并且能达到一个不错的显示效果。我们最需要注意的就是：HTML的结构和bootstrap提供添加到结构上的类以及属性。 这些组件的交互功能是依赖于jQuery库实现的，所以还必须引入jQuery.js，且必须在Bootstrap.js之前。正式上线的话直接使用压缩版本就可以了如下：
```markup
```
## 一、菜单
### 1. 基本用法
在官方文档中，我们看到的下拉菜单组件是这样的：
```markup
```
那么，到底哪一些属性是必须的、用来控制行为的呢？又有哪一部分是起到修饰作用的？
我们来自己简化一下这一段代码：
```markup
```
我们来看看简化前后的对比图：
在使用Bootstrap框架中的下拉菜单组件时，其结构运用的正确与否非常的重要，如果结构和类名未使用正确，直接影响组件是否能正常运用。经过我们上面的简化，最终可以看到核心要求有以下几点：
1. 使用一个名为`.dropdown`的容器包裹了整个下拉菜单元素，示例中为：``
2. 使用了一个`