yii - 如何更改 yiibooster yiibootsrap 固定容器宽度

Question

我在 yii 框架中使用 yiibooster 和 yiibootsrap。我不希望网站响应，所以我将响应设置为 false。问题是默认容器宽度太小，940px。我想将其更改为 1045 像素。

Answer 1

您可以在此处更改width设置：protected/extensions/bootstrap/assets/css/bootstrap.css

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

或者，这就是我目前正在做的事情，您可以覆盖布局中的 CSS。在我protected/views/layouts/main.php的容器中，我添加了这种样式，div如下所示：

<div class="container" id="page" style="width:99%;">

希望其中一个选项对您有用...

Answer 2

CSS 位于 \protected\extensions\bootstrap\assets\bootstrap\css\bootstrap.no-responsive.css

如果你仔细看css，你会发现css中有几个940px被硬编码的地方。这就是您获得 940 像素的方式。

您可以编辑它，但出于两个原因，我强烈反对这样做。首先，非常不鼓励破解标准代码。最好用你的主题 css 覆盖它。其次，还有其他 css 元素与 940px 相关联。更改容器 css 中的 940px 可能会破坏其他 css。为了克服这个问题，打开响应式css，即\protected\extensions\bootstrap\assets\bootstrap\css\bootstrap.css

搜索单词@media

继续搜索直到找到@media (min-width: 1200px) {

大括号中包含的是与容器大小相关的 css 元素。复制它们并将它们放在非响应文件的末尾（或者更好地放在主题 css 中）。

谢谢