o botão de fechar do meu modal assim com o botão X não funcionam, sendo que na aula eles funcionam so de copiar o codigo | Bootstrap 4: criando uma landing page responsiva

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso Bootstrap 4: criando uma landing page responsiva, no capítulo Modais e últimos ajustes e atividade Estilizando o modal

por Solano Lima Oliveira

| 34.1k xp | 6 posts

<div class="modal fade" id="modal-contato" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
         <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
         ...
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         <button type="button" class="btn btn-primary">Save changes</button>
       </div>
     </div>
   </div>
 </div>

1 resposta

solução!

por Carlos Ruesta

| 297.3k xp | 66 posts

Diretor de TI

24/01/2021

Tenta trocando o atributo dos buttons de fechar (X e Fechar):

De: data-bs-dismiss

Para: data-dismiss

Pelo que vi, esse codigo com o -bs- é da versão 5 do bootstrap. No curso está sendo usada a versão 4.

Espero que isso ajude