Uma breve análise do uso de caixas modais de bootstrap (clássico)

Uma visão geral simples da caixa modal de bootstrap

Os modais de bootstrap são criados usando um plug -in de jQuery personalizado. Ele pode ser usado para criar janelas modais para enriquecer a experiência do usuário ou adicionar recursos práticos ao usuário. Você pode usar Popover e ToolTip em modais.

1. Caixa de diálogo modal de bootstrap e uso simples

 div id = "mymodal"> <div> <button type = "button" data-dismiss = "modal"> x </butut> <h3> título da caixa de discagem </h3> </div> <div> <p> Caixa de discagem Body </p> </div> Data-Dismiss = "Modal"> Confirmar </a> </div> </div>

A caixa de diálogo modal pode ser chamada diretamente usando um botão ou um link, e este é o uso simples:

 <a href = "#modal1" role = "button" data-toggle = "modal"> adição de contrato </a>

Além disso, quando você precisar deixar a caixa de diálogo limpar os dados do formulário toda vez que forem abertos, como segue:

 $ ('#modal1'). modal ('hide'); $ ("#modal1"). // Depois de adicionar o contrato, limpe a operação do formulário

O conteúdo acima é o uso da caixa modal de bootstrap introduzida pelo editor. Espero que seja útil para você. Se você quiser saber mais conteúdo interessante, preste atenção ao site do Wulin.com!