bootstrap获取弹框结果_全面解析Bootstrap弹窗的实现方法

一. 结构分析

Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，其主要又包括三个部分：

☑ 弹出框头部，一般使用“modal-header”表示，主要包括标题和关闭按钮

☑ 弹出框主体，一般使用“modal-body”表示，弹出框的主要内容

☑ 弹出框脚部，一般使用“modal-footer”表示，主要放置操作按钮

×Close

模态弹出窗标题

模态弹出窗主体内容

关闭

保存

二 . data-toggle类触发弹窗(无需写JS)

1 . 模态弹出窗声明，只需要自定义两个必要的属性：data-toggle和data-target.

通过data-target触发