Bootbox: Simplificando o uso de modais no Bootstrap

O Bootbox simplifica a criação de janelas modais do Bootstrap por meio de funções com sintaxe simples. Neste DevCast vamos conhecer melhor essa biblioteca JavaScript, confira!

Tempo 07:48

Descrição: Neste DevCast vamos conhecer a biblioteca JavaScript Bootbox, que simplifica a criação de janelas modais do Bootstrap por meio de funções com sintaxe simples, que evitam a necessidade de criar toda a estrutura de divs requerida pelo Bootstrap para criar esse tipo de janela.

01 <div class="modal" id="modal-basico"> 02 <div class="modal-dialog"> 03 <div class="modal-content"> 04 <div class="modal-header"> 05 <h4 class="modal-title">Título do modal</h4> 06 </div> 07 <div class="modal-body"> 08 <p>Conteúdo do modal</p> 09 </div> 10 <div class="modal-footer"> 11 <button class="btn btn-danger" data-dismiss="modal">Fechar</button> 12 </div> 13 </div> 14 </div> 15 </div>
Listagem 1. Criação de um modal com Bootstrap
01 bootbox.alert("Mensagem de alerta");
Listagem 2. Criação de um modal com Bootbox

Modais são amplamente utilizados no desenvolvimento de aplicações web, seja para exibir informações para o usuário, ou para coletar dados inseridos por ele.

Links Úteis

Sugestão de conteúdo prévio:

Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Artigos relacionados