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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载