Front-end, fica com barra horizontal habilitada

3 respostas
ProgramadorBR

https://forte1.000webhostapp.com/boleto.html


barra fica habilitada, verifiquei se ficou alguma tag para fechar e nada, o que pode ser?
favor inspecionar o código.

3 Respostas

TerraSkilll

Parece ser algum problema com o posicionamento do div com id “containerboleto2”, que é onde ficam os logos dos bancos. Quando removido/ocultado esse elemento, a barra some. Veja se o posicionamento, a largura e as margens estão coerentes.

Abraço.

ProgramadorBR

não deu certo

TerraSkilll

“Não deu certo” é muito vago. Você precisa descrever melhor o que tentou, e entender um pouco mais como funciona os layouts no bootstrap.

Eu acessei o site, fui no developer mode do Firefox e adicionei um display: none nesse elemento e o layout pareceu ficar ok. Depois, removi o display: none e removi o margin-right da classe card-deck, o que també surtiu efeito. Com essa informação, pude ver que o problema é a margem desse elemento, então adicionei um mr-0 na classe desse componente e a barra de rolagem sumiu. Ficou assim:

<div style="text-align:center;" id="containerboleto2" class="card-deck mr-0">

Abraço.

Criado 13 de dezembro de 2018
Ultima resposta 13 de dez. de 2018
Respostas 3
Participantes 2