4

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 2

8

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>
6
  • Mas Paulo faltou a div central e ela tem que ser um container. Commented 14/09/2015 às 12:38
  • fiz a alteração... veja se é isso ;) Commented 14/09/2015 às 16:57
  • 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
  • faz um desenho do layout.. aí a gente mata Commented 14/09/2015 às 17:43
3

Pelo o que eu entendi você precisa de três colunas, uma a direita, outra a esquerda, com um .containercentral, certo? Dê uma olhada no html que fiz e veja se é isto. http://codepen.io/anon/pen/eppQPM

1
  • 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

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .