Guia Bootstrap

DevCast: Bootbox: Simplificando o uso de modais no Bootstrap

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (16)  (0)

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:

 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?