# 简介 ## bootstrap是什么？ 答：Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。 http://www.runoob.com/bootstrap/bootstrap-intro.html https://github.com/twbs/bootstrap 主要特点如下： bootstrap的特点有很多，我们先列举出来各个特点，接下来再详细介绍各个特点的好处。 1）兼容多版本浏览器 2）响应式布局，简单说：一个网站能够兼容多个终端，比如我们只做的网站能够兼容PC端、Android手机、苹果手机等，可以为不同的用户提供更舒适的界面和更好的用户体验。 3）提供全面的组件，例如下拉菜单，按钮组等 4）内置jQuery插件bootstrap中内置jquery插件，这样使程序员使用jquery更加简单方便，便于开发。 5）支持HTML5、CSS3特性 6）支持LESS动态样式，LESSCSs是一种动态是一种动态样式语言，属于CSS预处理语言，使用类似CSS的语法，为CSS赋予了 动态语言的特点，如变量、集成、运算、函数等，更方便CSS的编写和维护。可以很方便的使用。 ## 什么是响应式网页/自适应网页？ 答： 在2010年的时候提出，为什么会出现响应式呢？在2008年之前那个是处于2G和3G网络，网页主要是为PC端服务的。在09年之后，移动手机越来越多， 3G设备丰富，但是那个时候的网页都是为PC端出现的，但是如果现在在PC端的网页在手机上显示，会出现什么效果呢？ 把内容强行缩小，在小屏幕的手机上显示，那个时候专门为PC端写一个，然后在手机端写一个。 有人提出：可以是否一个网页可以智能的根据用户的行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕方向等）进行相应的布局，使得一个页面可以兼容多个终端，无需编写多个不同的版本。 网站： http://www.cnblogs.com/wj601/p/5775614.html https://yusi123.com/2407.html https://yusi123.com/2539.html http://www.alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html http://blog.jobbole.com/18611/ ## 如何编写响应式网页？ 答： 1. 流式布局（可以使用浮动进行布局） 2. 可伸缩的图片和文字（PC的浏览器默认是16px） 3. 使用css3的媒体查询技术，可以根据浏览设备的宽高来调用不同的css ## 如何测试响应式网页？ 答： 1. 使用真实的物理设备进行测试，测试效果好，但是最麻烦 2. 使用第三方的模拟器进行测试（海马玩） 3. 使用浏览器提供的模拟器进行测试 # 编辑器使用 ## webstorm简介 ## 常见emmet快键键简介