Uma das classes do Bootstrap 5 para definir estilos de botões criados por meio da tag `&lt;button&gt;` é a classe "btn-success".&nbsp; A classe "btn-success" é utilizada para aplicar um estilo de botão com uma cor de fundo verde, indicando sucesso. O Bootstrap 5 possui uma ampla variedade de classes de botão para definir diferentes estilos, como cores de fundo, tamanhos, bordas, entre outros. A classe "btn-success" é uma das classes pré-definidas fornecidas pelo Bootstrap para aplicar um estilo específico a um botão. Portanto, a opção correta é (B) "btn-success".

No Bootstrap 5, para criar um contêiner flexbox e transformar os filhos diretos em itens flex, utiliza-se a classe: (A) d-flex A classe "d-flex" é usada para criar um contêiner flexbox. Ela aplica o display flex aos elementos, permitindo que seus filhos diretos sejam organizados em um layout flexível. Portanto, a opção correta é (A).

 "row" em um elemento div e adicionar classes "col-*" para criar as colunas.

 "grid" em um elemento div e adicionar classes "row-*" para criar as linhas.

 "responsive " em um elemento div e adicionar classes "col-*" para criar as colunas.

 "flex" em um elemento div e adicionar classes "grid-*" para criar as linhas.

 "container" em um elemento div e adicionar as classes "row" e "col-*" para criar o layout.

A opção correta é a alternativa (E): "container" em um elemento div e adicionar as classes "row" e "col-*" para criar o layout. No Bootstrap, para criar um layout de grid responsivo, você deve usar a classe "container" em um elemento div como contêiner principal. Dentro desse contêiner, você pode utilizar a classe "row" para criar linhas de colunas. Dentro de cada linha, você pode adicionar as classes "col-*" para criar as colunas desejadas. O asterisco (*) é substituído por um número que representa a quantidade de colunas que a coluna ocupará em diferentes tamanhos de tela. Por exemplo, "col-6" indica que a coluna ocupará metade da largura do contêiner, e "col-lg-4" indica que a coluna ocupará um terço da largura do contêiner em telas grandes. Portanto, a maneira correta de criar um layout de grid responsivo usando o Bootstrap é usando a classe "container" em um elemento div e adicionando as classes "row" e "col-*" para criar as linhas e colunas, respectivamente.

No Bootstrap 5, o framework oferece várias classes que permitem estilizar elementos, como imagens, de diferentes maneiras. Para arredondar os cantos de uma imagem, você pode usar a classe `rounded`. Além disso, o Bootstrap 5 oferece outras classes para controlar o grau de arredondamento dos cantos, como: - `rounded-circle`: Esta classe é usada para criar uma imagem com cantos completamente arredondados, transformando a imagem em um círculo perfeito.- `rounded-0`, `rounded-1`, `rounded-2`, `rounded-3`, `rounded-pill`: Essas classes permitem controlar o grau de arredondamento, onde `rounded-0` representa cantos quadrados (sem arredondamento) e `rounded-pill` cria cantos mais arredondados, como uma pílula. Por exemplo, para criar uma imagem com cantos completamente arredondados, você pode adicionar a classe `rounded-circle` à sua imagem, assim: ```html&lt;img src="sua-imagem.jpg" alt="Sua Imagem" class="rounded-circle"&gt;``` Dessa forma, a imagem será exibida com cantos completamente arredondados, criando um visual de círculo perfeito. Isso é útil para criar avatares e ícones circulares, entre outras aplicações.

As classes do Bootstrap 5 para definir divisões de largura de coluna em dispositivos pequenos (small) são "col-sm-" seguidas pela quantidade de colunas desejada. Para obter uma divisão de 25% e 75% em dispositivos pequenos, a lacuna I deve ser preenchida com "col-sm-3" e a lacuna II com "col-sm-9". Portanto, a resposta correta é: (B) col-sm-3 e col-sm-9. (Gabarito) Isso garantirá a divisão desejada, com 25% de largura para o primeiro contêiner e 75% de largura para o segundo contêiner em dispositivos pequenos.

Questões de Tecnologia da Informação - Bootstrap