css - 使我的主题/网站最大宽度为 960 而不是当前的 1170

Question

您好，我有一个网站是用名为 celistino 的 wordpress 模板构建的，我想问一下，无论我们使用的计算机/显示器的分辨率如何，我的网站最大宽度都是 960。当前主题是http://demo.yithemes.com/celestino/它是在 max-width bootstrap 1170 网格上制作的，我想让它达到 960 maxwidth。

看到它支持 1170px 响应式布局，我们需要实现它只会是 960 而不是标准的 1170。期待任何回复提前致谢

谢谢

Answer 1

您必须在 bootstrap-responsive.css 中自定义 css3 媒体查询。它会工作正常。像下面的代码:

@media (min-width: 1200px) {

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 960px;
  }
}