![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap学习
机械键盘侠
越学习越不懂
展开
-
基于Bootstrap和animate.css的模态框动画效果
最近在网上看到了可以对Bootstrap模态框增加打开和关闭的动画效果,故记录一下。原文地址点这里 此动画效果需要引入animate.css,可以在animate.css官方网址中点击下载animate.css.这篇文章和这篇有对animate的简介。将如下代码放入JS文件全局引入://animate.css动画触动一次方法$.fn.extend({ a...原创 2019-06-11 15:38:30 · 2877 阅读 · 0 评论 -
Bootstrap模态框居中显示
Bootstrap默认的模态框不是居中显示的,需要稍微修改下源代码:1、打开源码bootstrap.js,在里面找到如下代码: 2、在上述代码段落下面增加居中的代码即可: //使弹出框居中。。。 var $modal_dialog = $(this.$element[0]).find('.modal-dialog'); v...原创 2019-09-26 08:02:24 · 1417 阅读 · 1 评论 -
Bootstrap模态框显示时有阴影遮罩层
如下图所示: 有遮罩层在,无法进行任何操作,只需修改默认 z-index 属性即可: .modal-backdrop{ z-index:0; }原创 2019-09-26 08:08:43 · 1267 阅读 · 3 评论 -
Bootstrap 幻灯片效果
<!--轮播图--> <div class="container"> <div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="2000" style="margin-top:70px"> <!--...原创 2019-10-09 09:25:20 · 432 阅读 · 0 评论