4
respostas

Integração com no-gutters

Ao inserir a classe "no-gutters", não foi alterado nada visualmente.

Em partes funciona, detectei que em uma janela de dimensões menores o resultado é o desejado, porém, a partir de uma certa largura deixa de funcionar.

Primeiro pensei que o problema fosse o monitor ultra-wide, mas em monitores menores também não funciona.

O estranho é que se eu redimensionar lateralmente a janela funciona, mas ao aumentar a largura ele para novamente.

OBS: Abri um tópico novo pois não era possível comentar no tópico já existente. Mas o meu problema é o mesmo que o dele, apenas adicionei uma observação que não foi feita na outra discussão.

4 respostas

OBS: Abri um tópico novo pois não era possível comentar no tópico já existente. Mas o meu problema é o mesmo que o dele, apenas adicionei uma observação que não foi feita na outra discussão.

Fala aí Rafael, tudo bem? Poderia postar o código HTML e CSS? Ficaria mais fácil tentar ajudar.

Fico no aguardo.

Boa noite, segue o link para o repositório do projeto: https://github.com/rsaless/Alura_angular_2

Sobre o no-gutters, aparentemente ele só fica certinho quando abro por um notebook, qualquer monitor maior distorce a exibição um pouco.

Obrigado desde já!

Oi Rafael, tudo bem? O no-gutters não é aquela classe do bootstrap? (https://getbootstrap.com/docs/4.0/layout/grid/#no-gutters) tudo que ela faz é remover paddings e margins das divs de row e column abaixo dela.

O problema que você pode estar passando deve ser uma limitação do próprio bootstrap. Algo relacionado ao seu grid layout (https://getbootstrap.com/docs/4.0/layout/grid/)

Como não tenho um monitor ultra-wide, infelizmente não consigo testar pra indicar um paliativo. Você pode disponibilizar um print pra gente verificar o que é esse distorcido?