Como faço para colocar duas divs, uma ao lado esquerdo e outra ao lado direito de uma container com o bootstrap? Sendo que gostaria que as divs laterais aumentem de tamanho conforme a tela.
2 Respostas
Creio que a resposta da sua pergunta está na utilização de 'fluid containers' ou seja, containers que ocuparão 100% da largura disponível no layout.
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">ESQUERDO</div>
<div class="col-lg-8">
<div class="container-fluid">
</div>
</div>
<div class="col-lg-2">DIREITO</div>
</div>
</div>
-
Mas Paulo faltou a div central e ela tem que ser um container. Commented 14/09/2015 às 12:38
-
-
mas eu não vejo motivos para um container dentro de outro container Commented 14/09/2015 às 17:06
-
Sim mas eu preciso, só que colocando uma coluna a container fica no tamanho da coluna e nao no tamanho de um container, entede? Commented 14/09/2015 às 17:38
-
Pelo o que eu entendi você precisa de três colunas, uma a direita, outra a esquerda, com um .container
central, certo?
Dê uma olhada no html que fiz e veja se é isto.
http://codepen.io/anon/pen/eppQPM
-
1Único problema é que o container não dentro da coluna não tem o mesmo tamanho de um container fora. Commented 14/09/2015 às 12:44