当我调整浏览器大小时，引导响应不起作用答案

【问题标题】：Bootstrap responsive not working when I resize browser当我调整浏览器大小时，引导响应不起作用
【发布时间】：2015-08-28 09:00:23
【问题描述】：

我是 bootstrap 新手，我需要将静态页面转换为 bootstrap 响应式，宽度为 980 像素。所以我根据设计创建了引导列，并将每个 div 放入带有 css 校正的列中。在正常视图中一切都很好，但是当我重新调整窗口大小时，它会显示为这样。

http://imgur.com/zOnLh3a

我从未将非响应式转换为响应式，请帮助

注意：什么是媒体查询？我必须为 3 种不同的尺寸编写 css 吗？

【问题讨论】：

我们需要查看代码以了解您可能做错了什么。
此外，不需要媒体查询。 Bootstrap 为您抽象了这个逻辑。
codepen.io/anon/pen/LpPxPV 这是页面的一部分，在此先感谢
imgur.com/bK2jIjg 正常视图

标签： jquery html css twitter-bootstrap media-queries

【解决方案1】：

缺少媒体查询。

        @media screen(max-width:800px) { 
            body { font-size:0.8em; }
            img { width:300px; }
        }

为了更好地理解，请通过link

【讨论】：

【解决方案2】：

从 twitter bootstrap 获取所需的模板并保存文件..然后从 bootstrap 获取所需的 js 和 css ..并集成到站点中...

主要用于响应式的媒体查询

/* CSS Document */
@media (max-width:1200px)
@media (min-width:992px) and (max-width:1199px)
@media (max-width:991px)
@media (min-width:991px)
@media (min-width:768px) and (max-width:991px)
@media (max-width:767px)
@media (max-width:480px)
@media only screen and (min-width: 320px)

【讨论】：