2014-02-26 82 views
0

我有一个页面,我正在使用bootstrap。 当我调整窗口大小时,在某些时候bootsrtap没有得到应用。 贝娄是我 页面全长的屏幕截图: enter image description herebootstrap不适用于某些点

后我调整: enter image description here

我使用的引导V2.3.2 我能解决这个问题。任何人都可以帮忙吗?

回答

1

你已经有了一个“差距”在媒体查询您的输入(与CSS span10

有一个media (max-width: 979px) and (min-width: 768px)并有一个@media (min-width: 1200px)所以你错过了媒体查询[980。 ,1199]

当前媒体查询:

media (max-width: 979px) and (min-width: 768px) 
.row-fluid .span10 { 
    width: 82.90598290598291%; 
    } 

    @media (min-width: 1200px) 
    .row-fluid .span10 { 
    width: 82.87292817679558%; 
    } 

PS:启动Chrome浏览器检查器(F12在谷歌浏览器),并与之结识迅速看到自己

+0

是的,你是对的,但我只从引导下载此css文件。 –

0

由于某些原因,您的bootstrap.min.css不包含Bootstrap的默认网格CSS,因此当浏览器窗口在该宽度内时,它没有任何样式可应用于您的.span *类。

如果将以下内容复制并粘贴到bootstrap.min.css(并在bootstrap-responsive.css之前包含该css文件),那么它应该可以工作。

http://pastebin.com/LC50YSGn

相关问题