GabaritoC — d-flex
Gabarito: letra C. A classe d-flex é a classe utilitária do Bootstrap 4 que aplica display: flex ao elemento, criando um contêiner flexbox e transformando seus filhos diretos em itens flexíveis.
A banca tenta confundir classes que também começam com flex- (flex-grow, flex-fill) que são aplicadas a itens flexíveis, não ao contêiner. Lembre-se: para tornar um elemento contêiner flexbox no Bootstrap 4, use d-flex. As demais classes com prefixo flex- são utilitárias para os itens dentro desse contêiner.
flex-grow é uma classe aplicada a itens flexíveis (por exemplo, flex-grow-1) para controlar sua capacidade de crescimento, não ao contêiner. É uma propriedade dos itens, não do contêiner.
bg-flex não é uma classe válida no Bootstrap 4. Classes de fundo usam o prefixo bg- (ex.: bg-primary, bg-dark), não relacionadas a flexbox.
d-flex define display: flex no elemento, tornando-o um contêiner flexbox. Todos os filhos diretos tornam-se itens flexíveis automaticamente.
flex-fill é uma classe para itens flexíveis que os força a ocupar o espaço disponível no eixo principal, equivalente a flex: 1 1 auto. Não transforma o elemento em contêiner.
flex-stretch não é uma classe padrão do Bootstrap 4. Para alinhar itens no eixo transversal, usa-se align-items-stretch (aplicado ao contêiner). Portanto, a opção é inválida.
Gabarito: letra C
Link permanente: /questoes/fc057238