3
respostas

As figuras em um coluna (col-xs-12) para telas menores de 768px não funcionam

Inclui 03 tamanhos possíveis para diferentes tamanhos de telas, porém as figuras só ficam ou em duas colunas ou em três, porém, para telas menores de 768px as figuras permanecem em duas colunas, e não em uma como diz o bootstrap quando incluo o col-xs-12. Alguém sabe por que? Segue abaixo código que consta em uma das figuras:

<div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4">
                <figure class="thumbnail">
                    <img src="assets/img/projetos/casa-castelo.png" alt="Foto da Casa Castelo">
                    <figcaption class="caption">
                        <h3>Casa Castelo</h3>
                        <p>A Casa Castelo é o último lançamento da TopCasaFina Arquitetura, feita para um monge.</p>
                    </figcaption>
                </figure>
            </div>
3 respostas

Fala ai Alan, tudo bem? Na verdade o xs vai ser aplicado apenas para telas menores que 576, dá uma olhada aqui: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints

Nessa tabela tem os breakpoints relativos as colunas.

Espero ter ajudado.

Olá Matheus, tudo bem!

Muito obrigado. Ajudou sim.

Valeu

Magina Alan, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software