如果你想了解更多关于bootstrap的知识，可以点击：Bootstrap教程
bootstrap官网的组件是可以直接拿来用的，访问组件库https://v3.bootcss.com/components/，我们可以查看bootstrap的所有组件信息，并拿来使用。如果想要修改组件的样式，可以添加自己的样式，也可以去修改官方提供的样式库里的对应样式（建议添加自己的样式，不去动官方文件）。下面介绍几个组件的用法。
一、字体图标的使用
这些图标下边的名称就是它对应的类名，我们在使用时直接访问类名即可：
Bootstrap字体图标
二、按钮组件的使用
注意：按钮样式有btn-default、btn-primary、btn-info、btn-success、btn-warning、btn-danger、btn-link七种；
按钮大小有btn-lg、btn-sm、btn-xs三种
另外，像input这种类型也可以设置bootstrap中的按钮样式。
ShopNum1拥有强大的网店促销模块，里面就包括商品团购、捆绑销售、品牌专卖、积分换购、优惠券促销、打折促销等众多促销功能，通过合理的组合使用，能帮助商家更好的提高消费者的忠诚度，有效发展新用户，从而带来订单数量的提升。 ShopNum1通过对网店系统软件本身的众多细节优化，有效提升了各主要搜索引擎对其收录的友好程度，从而帮助商家通过搜索引擎带来更多的直接有效客户，以达到提升订单销量的目的。 强
Link
三、按钮下拉菜单
首先要有一个下拉菜单div容器，并设置样式为dropdown；其次下拉菜单的button样式要设置dropdown-toggle，data-toggle属性值为dropdown，另外要设置一个id；最后下拉菜单的ul中的aria-labelledby属性值与button中的id值对应！
四、按钮组与嵌套
按钮组也可设置大小：btn-group-lg、btn-group-sm、btn-group-xs
五、垂直按钮组
一个btn-group-vertical类就可以实现
六、两端对齐按钮组
