Solucionado
Pessoal, eu sei que é algo besta, e nem faz parte da aula de PHP, mas quando eu uso do bootstrap, minha tela fica sem um "espaço", conforme o print abaixo:
Meu código está idêntico, mas nunca consigo deixar esse "espaço", parece que meu header sempre está colado com a tabela (percebi que é em outros projetos também).
Vocês conseguem me ajudar?
Meu código: https://github.com/LuizHAP/Luiz-Alura/tree/master/Php%20e%20MySQL%20I
Obrigado desde já!
hoje, com a Alura e o Google Gemini
Acredito que seria apenas adicionar no seu produto-lista.php, antes da tabela:
<br>
<table class="table table-striped table-bordered">ou se preferir pode adicionar espaço usando css:
.table { margin-top: 20px; }Espero ter ajudado!
Wolmir, a alteração realmente é até "fácil", mas, eu acredito que o bootstrap deveria já fazer essa alteração no meu caso. Porque que em outros sites e videos já aparece que vem o margin-top desse jeito?
Poderia tentar colocar dentro de um container, a classe row possui um espaçamento:
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- tabela aqui -->
</div>
</div>
</div>Faz este teste, acredito que vai dar certo.
Pesquisando um pouco na internet, descobri que o paddin-top do body deve ficar entre 80 a 100 px.
Alterei o código:
body {
padding-top: 80px;
}
.principal{
paddin: 40px 30px;
text-align: center;
}
.table {
margin-top: 20px;
}Resolvi meu problema!