Bootstrap的模态框modal插件实现点击协议链接弹出协议详情功能

一、需求

 做金融产品的时候，经常要根据协议链接查看弹出的协议详情的需要。主要想通过点击决定弹出详情图层，通过插件简化图层复合。

二、工具

 bootstrap modal

如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。

 

三、功能

  模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。

工具主要由两部分组成:触发器和模态矿口

• 使用模态窗口，您需要有某种触发器。您可以使用按钮或链接。
• 模态窗口可以直接复制模板，只需修改title和body即可。

 

四、示例

创建模态框（Modal）

开始演示模态框


    

        

            

                ×
                
模态框（Modal）标题
            
            
在这里添加一些文本
            

                关闭
                提交更改
            
        

    

五、参考

    bootstrap官方链接