bootstrap如何弹出表单

Bootstrap弹出窗口需要利用模态框(Modal)插件,下面我们介绍下若何利用。

方式/步调

  1. 1

    经由过程 data 属性:在节制器元素(好比按钮或者链接)上设置属性 data-toggle="modal",同时设置 data-target="#identifier" 或 href="#identifier" 来指心猿意马要切换的特心猿意马的模态框(带有 id="identifier")。

  2. 2

    经由过程 JavaScript:利用这种手艺,您可以经由过程简单的一行 JavaScript 来挪用带有 id="identifier" 的模态框:

  3. 3

    一个静态的模态窗话柄例,如下面代码所示:

  4. 4

    显示成果如下图所示:

  5. 5

    有一些选项可以用来心猿意马制模态窗口(Modal Window)的外不雅和感不雅,它们是经由过程 data 属性或 JavaScript 来传递的。下表列出了这些选项:

  6. 6

    下面是一些可与 modal() 一路利用的有效的方式。

  7. 7

    下面的实例演示了方式的用法:

  • 发表于 2019-02-19 22:44
  • 阅读 ( 1157 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具