如何更改yiibooster yiibootsrap固定容器寬度

Question

我在yii框架中使用yiibooster與yiibootsrap。我不希望該網站有響應，所以我設置了對錯誤的響應。問題是默認的容器寬度太小，940px。我想將其更改爲1045px。

Answer 1

你可以在這裏protected/extensions/bootstrap/assets/css/bootstrap.css改變width集：

.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在\保護\分機\引導\ assets \ bootstrap \ css \ bootstrap.no-responsive.css

如果你仔細看看css，你會發現幾個地方的940px在css中被硬編碼。這是你如何獲得940px。

你可以編輯這個，但我會極力阻止這樣做，原因有兩個。首先，非常不願意破解標準代碼。用主題css覆蓋它會更好。其次，還有其他與940像素相關的CSS元素。更改容器CSS中的940像素可能會破壞其他CSS。爲了克服這個問題，打通響應CSS，即\保護\ \擴展引導\資產\引導\ CSS \ bootstrap.css

搜索詞@media

繼續搜索，直到找到 @媒體（最小寬度：1200px）{

大括號內包含的是與容器大小相關的CSS元素。將它們複製並放置在無響應文件的末尾（或者更好地放在主題CSS中）。

謝謝