bootstrap如何弹出表单
来源:网络收集 点击: 时间:2024-07-28【导读】:
Bootstrap弹出窗口需要使用模态框(Modal)插件,下面我们介绍下如何使用。方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle=modal,同时设置data-target=#identifier或href=#identifier来指定要切换的特定的模态框(带有 id=identifier)。

通过 JavaScript:使用这种技术,您可以通过简单的一行 JavaScript 来调用带有 id=identifier 的模态框:

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

显示结果如下图所示:

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

下面是一些可与 modal() 一起使用的有用的方法。

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

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_1026485.html
上一篇:小红书怎么设置不允许别人评论
下一篇:鸡蛋饼怎么做?