Estou usando o yiibooster com o yiibootsrap no yiiestrutura. Como não quero que o site seja responsivo, defino-o como falso. O problema é que a largura padrão do contêiner é muito pequena, 940px. Eu quero mudar isso para 1045px.
Respostas:
2 para resposta № 1Você pode mudar o width
definido em protected/extensions/bootstrap/assets/css/bootstrap.css
Aqui:
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
Como alternativa, é o que estou fazendo atualmente, você pode substituir o CSS no seu layout. No meu protected/views/layouts/main.php
Adicionei esse estilo ao contêiner div
como isso:
<div class="container" id="page" style="width:99%;">
Espero que uma dessas opções seja útil para você ...
0 para resposta № 2
O CSS está em protectedextensionsbootstrapassetsbootstrapcssbootstrap.no-responsive.css
Se você olhar o css com atenção, encontrará vários lugares onde o 940px está codificado no css. É assim que você obtém o 940px.
Você pode editar isso, mas eu altamente desencorajariafazendo isso por 2 motivos. Primeiro, é altamente desencorajado hackear o código padrão. É melhor substituí-lo pelo seu CSS de tema. Em segundo lugar, existem outros elementos css que estão vinculados ao 940px. Alterar o css de 940 pixels no contêiner pode danificar outro css. Para superar esse problema, abra o css responsivo, ou seja, protectedextensionsbootstrapassetsbootstrapcssbootstrap.css
Pesquise a palavra @mídia
Continue procurando até encontrar @media (largura mínima: 1200px) {
o que quer que esteja entre colchetes estão os elementos css vinculados ao tamanho do contêiner. Copie-os e coloque-os no final do arquivo não responsivo (ou melhor, no css do tema).
obrigado