Shulou(Shulou.com)06/03 Report--

This article is about how to use dialog in bootstrap. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Anyone who has used JQuery UI should know that there is a dialog pop-up box component in it, and it is also very functional.

Similar to jQuery UI's dialog, Bootstrap has a built-in pop-up box component.

Open the bootstrap document http://v3.bootcss.com/components/, you can see that its dialog is directly embedded in bootstrap.js and bootstrap.css, that is to say, as long as we introduce the bootstrap file, we can directly use its dialog components, is not very convenient.

Use the example

Display through html code

Launch demo modal × Modal title... Close Save changes

This method is simple and intuitive, but it will increase the 'weight' of html and is not flexible enough to be used in large quantities.

Show it through js.

The simplest way to do this:

BootstrapDialog.show ({message:'Hi applications'}); thank you for reading! This is the end of the article on "how to use dialog in bootstrap". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.