Bootstrap 4 é um framework de front-end popular que facilita...

Gabarito: A - '.alert'

Explicação:

Bootstrap 4 é um framework de front-end amplamente utilizado para o desenvolvimento de websites responsivos e mobile-first. Ele oferece uma série de componentes prontos que facilitam a construção de interfaces de usuário de forma rápida e eficiente.

Um dos componentes mais utilizados em aplicações web são as mensagens de alerta, que podem ser usadas para exibir avisos importantes aos usuários. No Bootstrap 4, o componente adequado para isso é a classe .alert.

A classe .alert do Bootstrap 4 possibilita a criação de elementos de alerta com diferentes níveis de severidade, como sucesso, informação, aviso e erro. Veja um exemplo básico:

<div class="alert alert-warning">Este é um alerta de aviso!</div>

Vamos agora analisar as alternativas incorretas para entender por que elas não estão corretas:

Alternativa B: <div>'.message'</div>

Essa alternativa sugere o uso da classe .message, que não é uma classe padrão do Bootstrap 4 para exibir mensagens de alerta. Portanto, não é a alternativa correta.

Alternativa C: <div>'.notification'</div>

Embora o termo "notification" pareça relacionado a avisos, a classe .notification não é uma classe definida no Bootstrap 4 para exibir alertas. Logo, essa alternativa também está incorreta.

Alternativa D: '.warning'

A classe .warning por si só não é uma classe de alerta no Bootstrap 4. Para exibir um alerta de aviso, a classe correta seria .alert combinada com .alert-warning. Portanto, esta alternativa está incorreta.

Em resumo, a alternativa correta é A - '.alert', pois é a classe adequada no Bootstrap 4 para exibir mensagens de alerta aos usuários.

Espero que esta explicação tenha sido clara e tenha ajudado a entender a escolha da alternativa correta. Se tiver mais dúvidas, estou à disposição!