@@ -26,24 +26,24 @@ Or from CDN:
26
26
Add the .modal-dynamic class to the link to open the button, the following link has the minimum options:
27
27
28
28
``` html
29
- <a class =" modal-dynamic" href =" #modal-id" data-url =" /url" data-template =" #template-id" >Open modal</a >
29
+ <a class =" modal-dynamic" href =" #modal-id" data-url =" /url" data-template =" #template-id" >Open modal</a >
30
30
31
- <div id =" template-id" class =" modal" tabindex =" -1" >
32
- <div class =" modal-dialog" >
33
- <div class =" modal-content" >
34
- <div class =" modal-header" >
35
- <h5 class =" modal-title" >Modal title</h5 >
36
- <button type =" button" class =" btn-close" data-bs-dismiss =" modal" aria-label =" Close" ></button >
37
- </div >
38
- <div class =" modal-body" >
39
- <p >The content of body will be dynamically substituted by data-url.</p >
40
- </div >
41
- <div class =" modal-footer" >
42
- <button type =" button" class =" btn btn-secondary" data-bs-dismiss =" modal" >Close</button >
43
- </div >
44
- </div >
45
- </div >
31
+ <div id =" template-id" class =" modal" tabindex =" -1" >
32
+ <div class =" modal-dialog" >
33
+ <div class =" modal-content" >
34
+ <div class =" modal-header" >
35
+ <h5 class =" modal-title" >Modal title</h5 >
36
+ <button type =" button" class =" btn-close" data-bs-dismiss =" modal" aria-label =" Close" ></button >
37
+ </div >
38
+ <div class =" modal-body" >
39
+ <p >The content of body will be dynamically substituted by data-url.</p >
40
+ </div >
41
+ <div class =" modal-footer" >
42
+ <button type =" button" class =" btn btn-secondary" data-bs-dismiss =" modal" >Close</button >
43
+ </div >
46
44
</div >
45
+ </div >
46
+ </div >
47
47
```
48
48
49
49
Note that you cannot mix the options with Bootstrap's native modal.
0 commit comments