bootstrap在某些时候没有应用

Question

我有一个页面，我正在使用bootstrap。 当我调整窗口大小时，在某些时候bootrtap没有被应用。 贝娄是我页面的屏幕截图 总长度：

我调整大小后：

我正在使用bootstrap v2.3.2 我能够解决这个问题。任何人都可以帮忙吗？

Answer 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%;
  }

P.s。：启动Chrome检查员（Google Chrome中的F12）并熟悉它以便快速查看。

Answer 2

由于某种原因，你的bootstrap.min.css不包含Bootstrap的默认网格CSS，因此当浏览器窗口在该宽度范围内时，它没有任何样式可以应用于.span *类。 / p>

如果您将以下内容复制并粘贴到bootstrap.min.css（并在bootstrap-responsive.css之前包含该css文件），那么它应该可以正常工作。

http://pastebin.com/LC50YSGn