Bootstrap Excluir confirmação modal
O Bootstrap é uma estrutura front-end e bem como simplifica o design e o desenvolvimento de aplicativos baseados na Web. Mais especificamente, o modal de confirmação de exclusão é um recurso útil fornecido pelo bootstrap. Ele pode ser usado para solicitar ao usuário confirmar antes de realmente excluir algo. Esta é uma boa maneira de evitar deleções acidentais e conscientizar o usuário das consequências de suas ações.
Este artigo descreverá como criar um modal de Excluir confirmação no bootstrap.
Como criar um modal de confirmação de exclusão de bootstrap?
Para criar um modal de Excluir confirmação no bootstrap, experimente as instruções fornecidas:
- Primeiro, crie um botão que acionará a janela modal. O "alvo de dados”O atributo recebe o valor“#deleteModal”Que aponta para o ID do modal.
- Em seguida, crie um modal usando o “modal" e "desaparecer" Aulas.
- O "modal-dialog”Classe cria a caixa de diálogo.
- Então, adicione o “conteúdo modal”Classe para especificar conteúdo para a janela modal. Dentro desta classe, incluindo a classe “Modal-header”.
- O "Modal-header”Cria o cabeçalho da janela modal. Ele contém o título e o botão de fechar.
- Em seguida, crie a seção corporal especificando a classe como “corpo modal”. Compreende a nota que aparecerá na caixa de diálogo.
- Por fim, crie o rodapé modal adicionando o “Modal-Footer" aula. Este rodapé também contém dois botões.
Aqui está o código HTML do cenário discutido:
Título modal
Tem certeza de que deseja excluir?
Pode -se observar que criamos com sucesso um modal de confirmação de exclusão de bootstrap:
É assim que você pode criar um modal de exclusão de confirmação usando o bootstrap.
Conclusão
Para criar um modal de Excluir confirmação, primeiro crie um botão usando as classes “btn", e "BTN Danger”Classes que acionam a janela modal e adicionam o atributo“alvo de dados"Com o valor" id "do modal. Em seguida, crie a janela modal usando o “modal”Classe e ID. Em seguida, especifique o conteúdo do modal usando o “conteúdo modal","Modal-header","corpo modal", e "Modal-Footer" Aulas. Esta redação demonstrou como criar um modal de exclusão de confirmação no bootstrap.