Questão de Tecnologia da Informação · FCC TRT23 2022 (nº 35)

No Bootstrap 5, para transformar um elemento em um contêiner flexbox, que é um tipo especial de caixa que permite organizar seus itens internos (filhos diretos) de forma flexível, você precisa aplicar uma classe que define seu tipo de exibição.

(A) Correta: A classe `d-flex` é a forma padrão do Bootstrap 5 para definir um elemento como um contêiner flexbox. O prefixo `d-` é uma abreviação para a propriedade CSS `display`, e `flex` indica que o valor dessa propriedade será `flex`, ativando o comportamento flexbox para o elemento e seus filhos diretos.
(B) Incorreta: `flex-display` não é uma classe válida no Bootstrap 5 para criar um contêiner flexbox. Embora o termo "display" esteja relacionado ao conceito, o Bootstrap utiliza a convenção `d-` para as classes de `display`. Esta é a armadilha mais tentadora, pois o nome sugere a funcionalidade, mas não segue a sintaxe oficial do framework.
(C) Incorreta: `flex-layout` não é uma classe existente no Bootstrap 5 para essa finalidade. O Bootstrap usa classes utilitárias mais específicas para controlar o layout.
(D) Incorreta: `flex-model` não é uma classe reconhecida pelo Bootstrap 5 para configurar um contêiner flexbox.
(E) Incorreta: `m-flex` não é uma classe válida para criar um contêiner flexbox. O prefixo `m-` no Bootstrap é geralmente usado para definir `margin` (margem), como em `m-auto` ou `mt-3`.