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>