3
Hello I’m currently working with bootstrap and is my first contact with responsive layout I’m trying to create something like this: 
But I can’t let it all fall into place I can’t do anything anyone could help me?
2 answers
3
You need a container, with Rows and columns inside, it would be something like:
<div class="container">
<div class="row">
<div class="col-md-2">ESQUERDA</div>
<div class="col-md-6">centro</div>
<div class="col-md-2">DIREITA</div>
</div>
</div>
I suggest you read the official documentation, or In this version translated into Portuguese and lightly outdated . If you want a playground to test your code, you can use the Bootply
Edit: To make the container fluid, change the container class to `container-Fluid`.
2
The HTML structure would look like this:
<div class="row">
<div class="col-md-12"></div>
</div>
<div class="row">
<div class="col-md-12"></div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-7"></div>
<div class="col-md-2"></div>
</div>
</div>
Example: FIDDLE
Note: In case you want to learn more about the Bootstrap grids system, that my other answer can help you.
Browser other questions tagged html5 twitter-bootstrap responsive-layout grid
You are not signed in. Login or sign up in order to post.
Face would it be a question of css ? In addition to using bootstrap, I think I could make the columns look like this in css anyway...
– Érik Thiago