[ad_1]
https://i.ytimg.com/vi/n2tuBD2bwIw/hqdefault.jpg
Aprenda a criar um layout responsivo com Bootstrap. Entenda como funcionam os breakpoints do CSS para trabalhar com diferentes tamanhos de tela. Além disso, aprenda também a fazer formatações específicas com o Media Query do CSS (@media).
Original source
10 responses to “Bootstrap 4 – Layout responsivo com Bootstrap”
VELEU
Mestre:
<div class="container-fluid">
<div class="row">
<div id="top" class="col-12">top</div>
</div>
<div class="row">
<div id="mnuLeft" class="col-sm-3">left</div>
<div id="conteudo" class="col-sm-9">conteudo</div>
</div>
<div id="rodape">@RenderBody()</div>
</div>
fiz este exemplo ai acima para acompanhar a aula na prática, porém minha div mnuleft e conteudo ficam uma embaixo da outra.
🙁
8:51 opa excelente pq não apareceu? Jumentoo!!
Fala Leandro. Cara, a div amarela, quando coloco no tamanho do smartphone em portraid ele não some, quem some é o preto! Como posso mandar meus códigos para você ver? Abraço
Gostei muito do video. Porém estou seguindo passo a passo.. mas o layout fica apenas um a baixo do outro..
Leandro parabéns…. muito esclarecedor e didático seu vídeo !
Professor, parabéns pela aula, poderia tirar uma dúvida minha? Nos meus códigos, ao inserir a classe com d-none dentro da id amarelo para retirar a coluna amarela, ela não tira a coluna amarela e ainda some com a preta, poderia me dizer exatamente onde está o meu erro? um abraço e obrigado.
Leandro muito obrigado pela aula cara,
aborda mais este assunto com um layout usando as novas tags html como por exemplo: main, article, aside, section, header etc vai ajudar muito mais Devs com dificuldade em aplicar na vida real no trabalho do dia a dia.
minhas dificuldades foram todas esclarecidas
v/
Top a vídeo aula! Pela primeira vez entendi perfeitamente como o boostrap trabalha. Estou muito feliz!! Obrigado
Parabéns pela vídeo aula, sabe explicar bem o assunto…
Sucessos!!!