Bootstrap模态对话框:动态载入内容.docVIP

  • 6
  • 0
  • 约2.53千字
  • 约 4页
  • 2020-11-26 发布于四川
  • 举报
Bootstrap模态对话框:动态载入内容 Bootstrap模态对话框:动态载入内容 Bootstrap官方文档给出了一个模态对话框的例子: 模态框header 模态框body 模态框footer 这是一个静态案例,写在页面上可以通过href或者js调用显示。 现在,当前页面上可能有多个模态对话框。如果使用静态的方式,那么有多少模于是希望,页面上只保留一个用于容器,每个模态对话框的具体内容抽出 态对话框就要重写上面的代码多少遍。一个页面中填满了类似的代码,非常不友好。 来,单独写到一个页面中。当需要显示哪个模态对话框时,只需要将该模态对话框对应页面的内容载入到容器中即可。 Bootstrap的modal本身就提供了这种能力。 Bootstrap主要分两部分: ① 最外层,含modal与fade类。 ② 内层的内容,有3个,分别含modal-header,modal-body和modal-f ooter类。 有的模态对话框如下: 模态框header

文档评论(0)

1亿VIP精品文档

相关文档