How to place two Ivs next to a container?

Asked

Viewed 1,718 times

4

How do I place two Ivs, one on the left and one on the right side of a container with the bootstrap? Since you would like the side Divs to increase in size depending on the screen.

html css twitter-bootstrap css3 bootstrap-3

2 answers

8

I believe the answer to your question is the use of 'Fluid containers', that is, containers that will occupy 100% of the available width in the 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>

  • But Paul missed the central div and it has to be a container.

  • I made the change... see if that’s it ;)

  • but I see no reason for a container inside another container

  • Yes but I need, only that placing a column in the container is the size of the column and not the size of a container?

  • makes a layout drawing.. then we kill

  • Wait till I get off the job :P then I do.

Show 1 more comment

3

From what I understand you need three columns, one right, one left, with a .containercentral, right? Take a look at the html I made and see if this is it. http://codepen.io/anon/pen/eppQPM

  • 1

    Only problem is that the container not inside the column does not have the same size as a container outside.

Browser other questions tagged html css twitter-bootstrap css3 bootstrap-3

You are not signed in. Login or sign up in order to post.