开发者学堂课程【移动Web前端开发：Bootstrap-组件】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/594/detail/8448
Bootstrap-组件
一、组件
前面了解到了全局样式，接下来看一下什么叫组件
点击组件会发现很多字体图标，这些字体图标是可以直接拿来使用用，因为它已经包含在 Bootstrap 框架里了，叫做字体图标组件。了解组件里包含哪些东西，理解它们的应用场景就可以了，因为在以后做开发的时候就能联想起来 Bootstrap 里有哪些组件可以直接拿过来用，现在的目的只是知道 Bootstrap 里有什么：
1.下拉菜单：它的应用场景非常的广，需要下拉菜单的时候都会用到。
2.按钮组：在分页中可能会用到，和按钮式下拉菜单。
3.输入框组：做一些用户信息表单提交的时候会用到。
4.导航：用于 或标签页切换时可能会用到。
5.导航条: 例如腾讯视频，上方浮现的就是导航条包含 logo、链接、输入搜索框以及其他的一些链接，很多的网站都会使用到。所以在看到 bootstrap 有哪些组件的时候，联想一下在哪些地方可能会用到，在开发中要联想到要用 bootstrap 中哪些组件。
6.顶部导航：在很多网站上都可能会使用到，和导航条差不多
7.路径导航：很多电商网站都会用到，例如进入京东里面随机点击一个商品进去，完成之后可以在左上角显示上一级页面。表示当前网站层级关系的。
8.分页：页面的翻页。
9.标签：某一个标题里着重的文字会使用到。
10徽章：例如购物平台上的购物车，邮件，消息等都可能会被用到。
11.巨幕：提示页可能会用到，比如购买商品付款后会显示页面：您已经购买成功，是否继续购买，表示一个成功的提示。
12.页头：某些文章标题可能会用到。
13.缩略图：在商品图片中可能会使用到。
14.警告框：根据场景变换，每一个类里带有的颜色不一样
15.进度条：表示进度的地方都可以使用。
16.媒体对象：例如打开一个视频，视频下方会有评论，头像，短名等，也可用作新闻上。
17.列表组：在侧边栏菜单栏也许会使用到。
18.面板：一个标题板内的一个内容。
经过快速的过渡之后，现在已经大概可以知道 bootstrap 有哪些东西了。
