Existe uma maneira de corrigir a largura do contêiner Bootstrap ao alterar o tamanho da janela do navegador? - html, ios, css, twitter-bootstrap, grid

Estou escrevendo um site e usando a gradesistema de bootstrap do Twitter. Tenho procurado uma maneira de corrigir o tamanho da largura do site, mas não tive sucesso. A ideia é que eu quero consertar completamente o tamanho (não permitindo que a web encolha) enquanto o usuário altera o tamanho da janela ou enquanto usa dispositivos com tela menor, como o iPhone. Mais especificamente, prefiro que o navegador exiba uma fração do meu site em vez de redimensionar a página, o que na verdade interrompe toda a formatação do texto. Abaixo está como eu defino o css do site. Pensei em definir a largura mínima faria o truque, mas ainda não está funcionando ...

@media (min-width: 1200px) {
.container{
max-width: 960px;
min-width: 960px;
width: auto !important;
width: 960;
}
}

.container {
padding-left: auto;
padding-right: auto;
padding-bottom: 0px;
}

Acabei de ler a documentação e descobri que o bootstrap é, na verdade, para web design responsivo. Será que é possível consertar o layout do site usando o bootstrap?

Respostas:

tente isso

<div id="main-container" class="container">
<div class="row">
<div class="col-md-12">
<h1>what ever you want</h1>
</div>
</div>
</div>

<style>
#main-container{
width: 1000px !important
margin: 0 auto;
overflow:hidden;
height:100%;
}
</style>

Sim, totalmente possível corrigir a largura de uma compilação de Bootstrap. Confira a documentação aqui para obter instruções passo a passo: http://getbootstrap.com/getting-started/#disable-responsive

Embora eu recomende fortemente contra isso, sevocê deseja evitar que sua página seja dimensionada (em vez de se reformatar ativamente por meio de consultas de mídia), você desejará manipular a meta tag da janela de visualização.

Remova as consultas de mídia de acordo com os documentos do Bootstrap e adicione-as em:

<meta name="viewport" content="width=device-width">

Isso deve evitar qualquer dimensionamento, mas também tornará a experiência desorientadora. Mais informações sobre a tag da janela de visualização aqui: http://blog.javierusobiaga.com/stop-using-the-viewport-tag-until-you-know-ho

É muito fácil

Basta adicionar id ao contêiner principal e chamá-lo de "contêiner principal"

E adicione isso em seu styles.css

width: 1000px !important;
margin : 0 auto;

}