1、通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置data-target="#identifier"或href="#identifier"来指定要切换的特定的模态框(带有 id="identifier")。
2、通过 JavaScript:使用这种技术,您可以通过简撮劝丛食单的一行 JavaScript 来调用带有 id="identifier" 的模态框:
3、一个静态的模态窗口实例,如下面代码所示:
4、显示结果如下图所示:
5、有一些选项可以用来定制模态窗口(Modal Window)的外观和感观,它们是通过 data 属性或 JavaScript 来传递的。下表列出了这些选项:
6、下面是一些可与 modal() 一起使用的有用的方法。
7、下面的实例演示了方法的用法: