前言：在此记录一下本人写响应式页面经常采用的一种方式
核心是使用bootstrap框架，通过它提供的栅格系统实现响应式，boostrap框架看似简单却很强大、灵活、快速，只要熟练使用后，就能快速实现响应式页面，开发效率是很高的。
bootstrap不止栅格，还有很多组件也很好用，比如导航栏、卡片、和设备断点属性。像d-sm-flex、d-lg-none、ml-md-3、text-sm-center等等还有很多，这些属性很轻易的就能快速实现不同分辨率下的页面布局。
bootstrap还有list-unstyled、align-items-center、justify-content-between、mt-5、pl-0、w-100、img-fluid、text-center等属性都非常好用
总结一下：
1、项目还是html、css、js、img、font等简单结构
2、搭配gulp并配置sass等插件，可以用scss来书写css
3、引入bootstrap.css，它会将浏览器默认样式重置
4、页面上的图标可以使用font-awesome或者iconfont字体图标库
bootstrap虽然使用了很久，但是掌握它的精髓还差点火候，需要平时多写代码，熟能生巧，任何东西都是这样，多写多总结多反思。
