实现bootstrap 模态框（Modal）居中

编程知识行业动态更新时间:2024-06-13 00:22:36

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

bootstrap版本：3.3.7

默认的效果图

修改后的效果图；还可以哈~

**

修改方法重写class：

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

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

欢迎访问个人网站

更多推荐

实现bootstrap 模态框（Modal）居中

本文发布于:2023-04-02 19:23:00，感谢您对本站的认可！

模态 bootstrap Modal

评论列表（有 0 条评论）