<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
Owl Carousel 2 Equal Heights
</a>
</div>
</div>
</nav>
<div class="latest-blog-posts bg-white pt60 pb60">
<div class="container-fluid">
<div id="owl-demo-2" class="owl-carousel owl-theme">
<article class="thumbnail item" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="blog-thumb-img" href="/5-ways-baby-boomers-changing-healthcare/" title="">
<img src="http://placehold.it/500x300/4DC7A0/ffffff" class="img-responsive" />
</a>
<div class="caption">
<h4 itemprop="headline">
<a href="#" rel="bookmark">5 Ways Baby Boomers Are Changing Healthcare</a>
</h4>
<p itemprop="text" class="flex-text text-muted">5 ways baby boomers are changing healthcare Starting in 2011, 3 million baby boomers each year reach retirement age....</p>
<p><a class="btn btn-primary btn-block">Button Text</a></p>
</div>
</article>
<article class="thumbnail item" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="blog-thumb-img" href="/5-ways-baby-boomers-changing-healthcare/" title="">
<img src="http://placehold.it/500x300/4DC7A0/ffffff" class="img-responsive" />
</a>
<div class="caption">
<h4 itemprop="headline">
<a href="#" rel="bookmark">5 Ways Baby Boomers Are Changing Healthcare</a>
</h4>
<p itemprop="text" class="flex-text text-muted">5 ways baby boomers are changing healthcare Starting in 2011, 3 million baby boomers each year reach retirement age asdf asdfas dfasd fasdf asdf asfasdf asdf....</p> <p> <a href="#" class="btn btn-primary btn-block">Button Text</a></p>
</div>
</article>
<article class="thumbnail item" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="blog-thumb-img" href="/5-ways-baby-boomers-changing-healthcare/" title="">
<img src="http://placehold.it/500x300/4DC7A0/ffffff" class="img-responsive" />
</a>
<div class="caption">
<h4 itemprop="headline">
<a href="#" rel="bookmark">5 Ways Baby Boomers Are Changing Healthcare</a>
</h4>
<p itemprop="text" class="flex-text text-muted">5 ways baby boomers are changing healthcare Starting in 2011, 3 million baby boomers each year reach retirement age....</p>
<p> <a href="#" class="btn btn-primary btn-block">Button Text</a></p>
</div>
</article>
<article class="thumbnail item" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="blog-thumb-img" href="/5-ways-baby-boomers-changing-healthcare/" title="">
<img src="http://placehold.it/500x300/4DC7A0/ffffff" class="img-responsive" />
</a>
<div class="caption">
<h4 itemprop="headline">
<a href="#" rel="bookmark">5 Ways Baby Boomers Are Changing Healthcare</a>
</h4>
<p itemprop="text" class="flex-text text-muted">5 ways baby boomers are changing healthcare Starting in 2011, 3 million baby boomers each year reach retirement age....</p>
<a href="#" class="btn btn-primary btn-block">Button Text</a>
</div>
</article>
<article class="thumbnail item" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="blog-thumb-img" href="/5-ways-baby-boomers-changing-healthcare/" title="">
<img src="http://placehold.it/500x300/4DC7A0/ffffff" class="img-responsive" />
</a>
<div class="caption">
<h4 itemprop="headline">
<a href="#" rel="bookmark">5 Ways Baby Boomers Are Changing Healthcare</a>
</h4>
<p itemprop="text" class="flex-text text-muted">5 ways baby boomers are changing healthcare Starting in 2011, 3 million baby boomers each year reach retirement age....</p>
<a href="#" class="btn btn-primary btn-block">Button Text</a>
</div>
</article>
<article class="thumbnail item" itemscope="" itemtype="http://schema.org/CreativeWork">
<a class="blog-thumb-img" href="/5-ways-baby-boomers-changing-healthcare/" title="">
<img src="http://placehold.it/500x300/4DC7A0/ffffff" class="img-responsive" />
</a>
<div class="caption">
<h4 itemprop="headline">
<a href="#" rel="bookmark">5 Ways Baby Boomers Are Changing Healthcare</a>
</h4>
<p itemprop="text" class="flex-text text-muted">5 ways baby boomers are changing healthcare Starting in 2011, 3 million baby boomers each year reach retirement age....</p>
<a href="#" class="btn btn-primary btn-block">Button Text</a>
</div>
</article>
</div>
<!-- #owl-demo-2 -->
</div>
<!-- .container -->
</section>
/* Owl Carousel 2 All Settings. See the bottom for how to use equal heights with matchHeight plugin */
jQuery(document).ready(function($) {
var owl = $("#owl-demo-2");
owl.owlCarousel({
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:true,
items: 3,
loop: true,
center: false,
rewind: false,
mouseDrag: true,
touchDrag: true,
pullDrag: true,
freeDrag: false,
margin: 0,
stagePadding: 0,
merge: false,
mergeFit: true,
autoWidth: false,
startPosition: 0,
rtl: false,
smartSpeed: 250,
fluidSpeed: false,
dragEndSpeed: false,
responsive: {
0: {
items: 1,
nav: true
},
480: {
items: 2,
nav: false
},
768: {
items: 3,
nav: true,
loop: false
},
992: {
items: 4,
nav: true,
loop: false
}
},
responsiveRefreshRate: 200,
responsiveBaseElement: window,
fallbackEasing: 'swing',
info: false,
nestedItemSelector: false,
itemElement: 'div',
stageElement: 'div',
refreshClass: 'owl-refresh',
loadedClass: 'owl-loaded',
loadingClass: 'owl-loading',
rtlClass: 'owl-rtl',
responsiveClass: 'owl-responsive',
dragClass: 'owl-drag',
itemClass: 'owl-item',
stageClass: 'owl-stage',
stageOuterClass: 'owl-stage-outer',
grabClass: 'owl-grab',
autoHeight: false,
lazyLoad: false
});
$(".next").click(function() {
owl.trigger('owl.next');
});
$(".prev").click(function() {
owl.trigger('owl.prev');
});
/* Equal Heights using javascript */
// $('.latest-blog-posts .thumbnail.item').matchHeight();
});
