Search the Community

Boa tarde, sou nova no Bootstrap e gostaria de saber onde modifico o espaçamento entre colunas. Tenho 6 colunas na mesma linha e gostaria de dar um espaço maior no centro separando os grupos do ranking de mais baixado e de mais utilizados. <!-- Ranking Mais Baixados--> <div class="container my-5"> <div class="row"> <div class="col-lg-6 col-md-12"> <h3 class="text-center mb-4"> Ranking<span class="text-warning"> Mais Baixados</span> do Dia </h3> <div class="row"> <div class="col-md-4 col-xsm-12"> <div class="card card-profile"> <div class="card-avatar"> <a href="#"> <img class="img" src="img/geral/medalha_ouro.png"> </a> </div> <div class="card-body"> <img src="img/ranking/continental.png" alt="continental"> <h6 class="card-category text-dark">CONTINENTAL</h6> <p class="card-description">CATÁLOGO AUTOMOTIVO</p> <p class="card-description mb-4">Linha Leve / Pesada</p> </div> <div class="card-footer justify-content-center"> <p style="font-size: 11px"> <a href="#">#borrachas </a> <a href="#">#borrachas </a> <a href="#">#borrachas </a></p> </div> </div> </div> <div class="col-md-4 col-xsm-12"> <div class="card card-profile"> <div class="card-avatar"> <a href="#"> <img class="img" src="img/geral/medalha_prata.png"> </a> </div> <div class="card-body"> <img src="img/ranking/corven.png" alt="corven"> <h6 class="card-category text-dark">CORVEN</h6> <p class="card-description">CATÁLOGO AUTOMOTIVO</p> <p class="card-description mb-4">Linha Leve / Pesada</p> </div> <div class="card-footer justify-content-center"> <p style="font-size: 11px"> <a href="#">#borrachas </a> <a href="#">#borrachas </a> <a href="#">#borrachas </a></p> </div> </div> </div> <div class="col-md-4 col-xsm-12"> <div class="card card-profile"> <div class="card-avatar"> <a href="#"> <img class="img" src="img/geral/medalha_bronze.png"> </a> </div> <div class="card-body"> <img src="img/ranking/vox.png" alt="vox"> <h6 class="card-category text-dark">VOX</h6> <p class="card-description">CATÁLOGO AUTOMOTIVO</p> <p class="card-description mb-4">Linha Leve / Pesada</p> </div> <div class="card-footer justify-content-center"> <p style="font-size: 11px"> <a href="#">#borrachas </a> <a href="#">#borrachas </a> <a href="#">#borrachas </a></p> </div> </div> </div> </div> </div> <!-- Ranking Mais Utilizados--> <div class="col-lg-6 col-md-12"> <h3 class="text-center mb-4"> Ranking<span class="text-warning"> Mais Utilizados</span> do Dia </h3> <div class="row"> <div class="col-md-4 col-xsm-12"> <div class="card card-profile"> <div class="card-avatar"> <a href="#"> <img class="img" src="img/geral/medalha_ouro.png"> </a> </div> <div class="card-body"> <img src="img/ranking/continental.png" alt="continental"> <h6 class="card-category text-dark">CONTINENTAL</h6> <p class="card-description">CATÁLOGO AUTOMOTIVO</p> <p class="card-description mb-4">Linha Leve / Pesada</p> </div> <div class="card-footer justify-content-center"> <p style="font-size: 11px"> <a href="#">#borrachas </a> <a href="#">#borrachas </a> <a href="#">#borrachas </a></p> </div> </div> </div> <div class="col-md-4 col-xsm-12"> <div class="card card-profile"> <div class="card-avatar"> <a href="#"> <img class="img" src="img/geral/medalha_prata.png"> </a> </div> <div class="card-body"> <img src="img/ranking/corven.png" alt="corven"> <h6 class="card-category text-dark">CORVEN</h6> <p class="card-description">CATÁLOGO AUTOMOTIVO</p> <p class="card-description mb-4">Linha Leve / Pesada</p> </div> <div class="card-footer justify-content-center"> <p style="font-size: 11px"> <a href="#">#borrachas </a> <a href="#">#borrachas </a> <a href="#">#borrachas </a></p> </div> </div> </div> <div class="col-md-4 col-xsm-12"> <div class="card card-profile"> <div class="card-avatar"> <a href="#"> <img class="img" src="img/geral/medalha_bronze.png"> </a> </div> <div class="card-body"> <img src="img/ranking/vox.png" alt="vox"> <h6 class="card-category text-dark">VOX</h6> <p class="card-description">CATÁLOGO AUTOMOTIVO</p> <p class="card-description mb-4">Linha Leve / Pesada</p> </div> <div class="card-footer justify-content-center"> <p style="font-size: 11px"> <a href="#">#borrachas </a> <a href="#">#borrachas </a> <a href="#">#borrachas </a></p> </div> </div> </div> </div> </div> </div> </div>

Pessoal, Estou com uma dúvida, tem um cogido que uso para importar uma tabela para um site, porém eu queria que tivesse mais espaçamento entre as linhas, por exemplo codigo e descrição um espaço maior e assim repetir tudo de novo, só que não sei como colocar isso no código (estou começando agora por isso a falta de experiencia). Abaixo segue o cogido que utilizo. <table> <!-- IMPORTA A TABELA --> <tr> </tr> <?php $row = 1; if (($handle = fopen("DOC.csv", "r")) !== FALSE) { while (($data = fgetcsv($handle, 1000, ";")) !== FALSE) { $num = count($data); ?> <tr> <?php for ($c=0; $c < $num; $c++) { ?> <td><?= $data[$c] ?></td> <?php } ?> </tr> <?php $row++; } fclose($handle); } ?> </table> Já tentei de varias formas mas ainda não obtive sucesso . Se puderem me dar uma dica de como fazer, agradeço.