1、make images mobile responsive
用处： 使图片适配你的页面宽度。
操作： 给图片添加 .img-responsive class属性。
@@##@@
2、Center Text with Bootstrap
用处： 使文本居中。
操作： 给文本添加 center-text class属性。
<p class="text-center">Hi, I'm Yamei.</p>
补充： .text-right、.text-left、.text-primary（文本内容带有个primary class）、.text-success、.text-muted（减弱）、.text-info、.text-warning、.text-danger
3、Create a Bootstrap Button
用处： 创建一个Bootstrap自己button风格的按钮。
操作： 给文本添加 btn class属性。
<button class="btn">Like</button>
效果如下：
4、Create a Block Element Bootstrap Button
用处： 块级按钮(拉伸至父元素100%的宽度)。 创建一个块级的按钮，按钮将会伸展并填满页面，任何在块之后的元素将会自动浮动到下一行（换行）。
原理如下图（图片来自fcc）：
操作： 保留 .btn class属性，加入.btn-block。
v1.8新增功能简介： 一、后台新增生成网站地图和生成Sitemap.xml的功能。 二、新增下载中心功能，可在后台上传doc,xls,ppt,rar,pdf文件。 三、新增产品缩略图自动缩放功能，图片按比例缩放，解决了图片变形问题。 四、新闻、产品详细页新增了上一个、下一个的功能，改善用户体验。 五、在线客服新增了阿里巴巴贸易通在线客服。 六、可在后台设置分享代码，如百度分享和AddThis等。
<button class="btn btn-block">Like</button>
效果如下：
5、Taste the Bootstrap Button Color Rainbow
用处： 添加一个class为.btn-primary的原始(蓝色)按钮。
操作： 保留 .btn .btn-block class属性，加入.btn-primary。
<button class="btn btn-block btn-primary">Like</button>
效果如下：
补充： .btn-danger、.btn-warning（谨慎操作的按钮）、.btn-info(用于要弹出信息的按钮)、.btn-default、.btn-link（让按钮看起来像个链接，但仍然保持按钮的行为）、.btn-success
.btn-lg、.btn-sm、.btn-xs，分别为大、小、超小
.disabled 禁用按钮
.active 呈现按钮被点击的样子
(.active的效果图)
*以上是我个人在FCC学习中的整理的笔记，小白一枚，如有错误欢迎大家留言指出~
【相关视频推荐：Bootstrap教程】
