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

Today, the editor will share with you the relevant knowledge points about how to use pop-up windows in bootstrap. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look.

For the Bootstrap framework: it is usually intended to display individual content, and there are several ways to use it:

1. Specify a specific mode box by setting the property data-toggle= "modal" on the controller element and setting data-target= "# udebtifier" or href= "# identifier" on the controller element.

2. Through JavaScript: when using this method, we can call the modal framework with id= "identifier" with a simple string of code, as shown below:

$('# identifier') .modal (options)

Let's take a look at an example of this problem, and the code is as follows:

Bootstrap instance-Modal Box (Modal) plug-in creates Modal Box (Modal) to start demonstrating Modal Box × The Modal title adds some text here Turn off submitting changes

When we use this component, we need some kind of trigger to implement, and the trigger here is our button, which we will find in the tag in the code.

Data-target= "# myModal" is the target of loading components on our page.

These are all the contents of the article "how to use pop-up windows in bootstrap". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

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.