模态插件允许我们添加一个对话框弹出窗口，该对话框显示在当前页面的顶部。 Bootstrap提供了一种简单而有效的方式来将模式集成到我们的网页中。模态可以包含任何内容以及页眉和页脚。
通过在Bootstrap中将标签包含在“ modal-body” div中，可以将图像装配在模式弹出窗口中。 “模态主体” div确定了模态弹出窗口的主要内容。通过使用
标记，可以将图像插入其中。
在以下示例中对此进行了说明：
范例1：
GeeksforGeeks
输出：
示例2：此处使用图像代替按钮，该图像在单击时触发模式弹出窗口。模态的内容已使用“文本对齐：居中”居中对齐。类“ w-100”已添加到模式标题中，以使其占据父div的100％宽度，并由于“ text-align：center”而变为居中对齐。
GeeksForGeeks
输出：
