bootstrap如何弹出表单

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

bootstrap如何弹出表单

文章插图
方式/
1经由过程 data 属性:在节制器元素(好比按钮或者链接)上设置属性 data-toggle="modal" , 同时设置 data-target="#identifier" 或 href=https://vvvtt.com/article/"#identifier" 来指定要切换的特定的模态框(带有 id="identifier") 。

bootstrap如何弹出表单

文章插图

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

bootstrap如何弹出表单

文章插图

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

bootstrap如何弹出表单

文章插图

4【bootstrap如何弹出表单】显示成果如下图所示:

bootstrap如何弹出表单

文章插图

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

bootstrap如何弹出表单

文章插图

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

bootstrap如何弹出表单

文章插图

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

bootstrap如何弹出表单

文章插图


以上内容就是bootstrap如何弹出表单的内容啦 , 希望对你有所帮助哦!

    推荐阅读