Question

bootstrap怎么写响应式布局

Answer 1

响应式设计的初衷是对于不同屏幕属性的设备进行近乎一致的呈现，当然，是使用『一份』代码，但是，问题来了，不同设备的网络环境不同（强弱网），对样式表支持度不同（客户端属性），所以如果采用响应式的思路来玩，这里我们适配主要的受众设备即可，以下举例以常见设备为主：PC高分屏，PC常规屏，各种平板，各种手机以及其打开页面的client，特别的设备，诸如阅读器。

首先根据自己的主要受众的设备屏幕属性完成你的原型设计，包括以上的设备中脚本渲染的模块。

使用真机，模拟器或者chrome开发模拟器中的device切换的功能（审查元素-最上面一条，左边三个图标中的手机按钮），以下重点讲第三种（前两种没啥可讲的吧...）