jQuery+bootstrap响应式卡片布局代码

来源:https://www.sucaihuo.com/js/3806.html 2018-07-13 11:40浏览(1815) 收藏

简单实用的jQuery+bootstrap响应式卡片布局代码,普通的卡片布局、等高卡片布局、标题和文字高度相等等图文列表布局效果。
jQuery+bootstrap响应式卡片布局代码
分类:其它特效 > bootstrap 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-equal-height.min.js"></script>
<script type="text/javascript">
        function equal_height() {
            // Equal Card Height
            $('.jQueryEqualHeight1').jQueryEqualHeight();

            // Equal Card Height and Text Height
            $('.jQueryEqualHeight2').jQueryEqualHeight('.card .card-body .card-text');
            $('.jQueryEqualHeight2').jQueryEqualHeight('.card');

            // Equal Card Height, Text Height and Title Height
            $('.jQueryEqualHeight3').jQueryEqualHeight('.card .card-body .card-title');
            $('.jQueryEqualHeight3').jQueryEqualHeight('.card .card-body .card-text');
            $('.jQueryEqualHeight3').jQueryEqualHeight('.card');
        }
        $(window).on('load', function(event) {
            equal_height();
        });
        $(window).resize(function(event) {
            equal_height();
        });
</script>
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 沙发
    07-13 15:13
    宝***志
    等高布局,这个实用
1 2