Questão FC373554
O Bootstrap 4 usa flexbox em vez de float para manipular o layout da página web. Sendo assim, para criar um contêiner flexbox e transformar contêineres filhos diretos em itens flex
Desenvolvimento Web
FCC · 2019
O Bootstrap 4 usa flexbox em vez de float para manipular o layout da página web. Sendo assim, para criar um contêiner flexbox e transformar contêineres filhos diretos em itens flexíveis (flex), usa-se nesse contêiner a classe:
- flex-grow
- bg-flex
- d-flex
- flex-fill
- flex-stretch
Mostrar resposta e comentário
Gabarito
Certo
Comentário do professor
A classe d-flex do Bootstrap 4 aplica ao elemento o estilo display: flex, transformando o contêiner em um flex container.
Isso significa que os elementos filhos diretos passam a ser flex items, podendo ser posicionados e dimensionados com as utilidades de flex do Bootstrap (por exemplo, justify-content-*, align-items-*, flex-row, flex-column, flex-wrap).
Com d-flex você controla alinhamento horizontal e vertical, ordem e crescimento dos filhos usando classes utilitárias sem escrever CSS customizado.
Além disso, existem variantes responsivas (como d-sm-flex, d-md-flex) para ativar o comportamento flex apenas em determinados pontos de interrupção.
Em resumo: use d-flex no contêiner para habilitar o modelo flexbox e, em seguida, combine as classes utilitárias do Bootstrap para ajustar layout e alinhamento dos itens.
Conteúdo do catálogo FC Concursos · Atualizado em