Question

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

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，你会发现940px在css中被硬编码的几个地方。这就是你获得940px的方法。

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

搜索@media

这个词

继续搜索，直至找到 @media（min-width：1200px）{

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

由于

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

2 个答案: