bootstrap中模态框简单使用

提前声明，本文章主要写的是不利用JavaScript就实现模态框功能

首先，我们可以先到bootstrap官网上找一份我们喜欢的模态框样式

拷贝其代码到我们编写的html文档中

之后 ，要在拷贝的代码的最顶部的div上加一个id

然后，在下面（不是拷贝的代码里面）写一个button按钮或者a标签都可以

<button data-toggle="modal" data-target="#test">模态框案例</button>

重点是要给按钮或a标签加上

data-toggle="modal" data-target="#test"

#号后面是你自己设置的id值
即可实现模态框功能
效果演示：

成功！