Artigos HTML e CSS Bootbox: Simplificando o uso de modais no Bootstrap
Você ainda não é assinante?

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: