调整浏览器大小时Bootstrap响应不起作用

Question

我是引导程序的新手，我需要将静态页面转换为响应引导程序，宽度为980像素。 因此我根据设计创建了启动列，并使用CSS校正将每个div放入列中。 在普通视图中，一切都很好，但是当我调整窗口大小时，它显示如下。

http://imgur.com/zOnLh3a

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

注意：什么是媒体查询？ 我必须为3种不同的大小写CSS吗？

Answer 1

从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)

Answer 2

缺少媒体查询。

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

为了更好的理解，请通过链接