素材巴巴 > 程序开发 >

实现bootstrap 模态框(Modal)居中

程序开发 2023-09-04 16:55:34

工作中使用到bootstrap的模态框,但是这个东西好像没有提供居中的属性,看了网上的大多都是使用js重新计算模态框的位置,感觉太麻烦。所以研究了一下,发现重写class就行了~~~~

bootstrap版本 :3.3.7

默认的效果图
在这里插入图片描述
修改后的效果图;还可以哈~
在这里插入图片描述
**

修改方法重写class:

必须要能覆盖之前的样式,不然不能其效果…
**

   .modal {width:100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
 

欢迎访问 个人网站


标签:

上一篇: Array.push.apply() 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。