Question

我是bootstrap的新手，我需要将静态页面转换为bootstrap响应，Width是980 px。所以我根据设计创建了启动列，并将每个div放入列中进行css校正。在普通的视图中，一切都很好，但是当我重新调整窗口大小时，它就会显示出来。

http://imgur.com/zOnLh3a

我从来没有将无响应的转换为响应，请帮助

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

Answer 1

来自twitter bootstrap的

获取所需的模板并保存文件......并从中获取所需的js和css of bootstrap ..并在网站中集成......

主要用于响应的媒体查询

/* 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; }
        }

为了更好地理解，请查看link

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

2 个答案: