Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Manipulação de Imagens no Bootstrap | Conceitos Avançados
Essenciais do Bootstrap para Sites Modernos

bookManipulação de Imagens no Bootstrap

Imagem responsiva

Imagens responsivas são essenciais. A classe img-fluid do Bootstrap facilita esse processo. Aplique-a a qualquer elemento <img> para que a imagem se ajuste ao tamanho da janela de visualização, garantindo escala perfeita e layouts consistentes em todos os dispositivos e tamanhos de tela.

Miniaturas de imagem

Miniaturas de imagem proporcionam um toque refinado e elegante à aparência da sua página. A classe img-thumbnail do Bootstrap oferece cantos arredondados e bordas sutis para garantir um visual limpo e uniforme.

Formatos de imagem

Por que se contentar com imagens retangulares comuns quando é possível adicionar personalidade? O Bootstrap oferece classes para diferentes formatos de imagem, incluindo:

  • rounded: Suaviza as bordas com cantos arredondados para um toque delicado;
  • rounded-circle: Cria imagens perfeitamente circulares;
  • rounded-pill: Aplica formato de pílula para um visual moderno e elegante.
index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.23

bookManipulação de Imagens no Bootstrap

Deslize para mostrar o menu

Imagem responsiva

Imagens responsivas são essenciais. A classe img-fluid do Bootstrap facilita esse processo. Aplique-a a qualquer elemento <img> para que a imagem se ajuste ao tamanho da janela de visualização, garantindo escala perfeita e layouts consistentes em todos os dispositivos e tamanhos de tela.

Miniaturas de imagem

Miniaturas de imagem proporcionam um toque refinado e elegante à aparência da sua página. A classe img-thumbnail do Bootstrap oferece cantos arredondados e bordas sutis para garantir um visual limpo e uniforme.

Formatos de imagem

Por que se contentar com imagens retangulares comuns quando é possível adicionar personalidade? O Bootstrap oferece classes para diferentes formatos de imagem, incluindo:

  • rounded: Suaviza as bordas com cantos arredondados para um toque delicado;
  • rounded-circle: Cria imagens perfeitamente circulares;
  • rounded-pill: Aplica formato de pílula para um visual moderno e elegante.
index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 2
some-alt