Olá estou ccomeçando agora com o bootstrap e é o meu primeiro contato com layout responsivo estou tentando criar algo assim:
Mas não consigo deixar tudo encaixado não estou conseguindo fazer nada alguém poderia me ajudar?
Olá estou ccomeçando agora com o bootstrap e é o meu primeiro contato com layout responsivo estou tentando criar algo assim:
Mas não consigo deixar tudo encaixado não estou conseguindo fazer nada alguém poderia me ajudar?
Você precisa de um container, com rows e colunas dentro, seria algo como:
<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>
Sugiro que dê uma lida na documentação oficial, ou Nessa versão traduzida para o portugues e levemente desatualizada . Caso queira um playground para testar seu código, pode usuar o Bootply
Edit: Para tornar o container fluido, altere a classse do container para `container-fluid`.
A estrutura HTML ficaria assim:
<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>
Exemplo: FIDDLE
Obs.: Caso você queira aprender mais sobre o sistema de grids do Bootstrap, essa minha outra resposta pode te ajudar.