Question

怎么把bootstrap做的网站布局设为响应式

主体的布局是响应式的，即在桌面浏览器上，显示为一行两列；如果是手机浏览器，则显示为两行一列。

怎么做？
现在网站框架已经做好了，但是不是响应式的。怎么才能改呢？

Answer 1

bootstrap默认就是响应式的，除非你在css里面加了

.container { width:1170px;max-width:none !important;}这样的话页面就会固定布局，其他的不管你怎么调，只要都用bootstrap的样式class包含住就可以了！
至于你说的：“桌面浏览器上，显示为一行两列；如果是手机浏览器，则显示为两行一列。”，这是根据分辨率来判断的，如果你非要这样显示的话，我觉得可以这样　例如：@media (min-width: 768px) and (max-width: 991px) {.padding:5px;...}里面写你要显示还是 隐藏，可以根据间距宽度调整或其他的，说的有点乱，不知道对你有没有帮助！

Answer 2

你这边是用栅格的吧 配置下class为 col-xs-1

Answer 3

宽度改为%，不用px