注册 登录 充值会员 退出
毕业设计 PHP源码
充值

Bootstrap卡片图文列表布局样式代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-07-26
Bootstrap卡片图文列表布局样式代码
基于jQuery和Bootstrap实现的卡片图文列表布局样式代码,包括普通的卡片布局、等高卡片布局等。


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>