JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://yastatic.net/jquery/2.2.0/jquery.min.js"></script>
<script src="https://yastatic.net/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.min.js"></script>
<link rel="stylesheet" href="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="http://owlgraphic.com/owlcarousel/owl-carousel/owl.theme.css">
<link rel="stylesheet" href="https://yastatic.net/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, soluta, veniam quis fugit dolores quaerat fuga adipisci unde suscipit quisquam odio quasi ipsum minus nesciunt hic ducimus est accusantium repellat quam recusandae amet quod nemo nihil animi facilis architecto libero nam rerum vero corrupti magnam laudantium ipsa illum quos minima commodi assumenda? Itaque, iusto molestiae magni voluptatum optio deleniti aperiam beatae aut fugiat vero ad nulla perferendis incidunt dolore blanditiis tempora commodi aspernatur sequi expedita eum voluptates totam cum reprehenderit suscipit odio nam labore nisi voluptate laudantium ipsum. Soluta, veritatis doloremque totam distinctio unde in asperiores repudiandae minima corporis harum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, soluta, veniam quis fugit dolores quaerat fuga adipisci unde suscipit quisquam odio quasi ipsum minus nesciunt hic ducimus est accusantium repellat quam recusandae amet quod nemo nihil animi facilis architecto libero nam rerum vero corrupti magnam laudantium ipsa illum quos minima commodi assumenda? Itaque, iusto molestiae magni voluptatum optio deleniti aperiam beatae aut fugiat vero ad nulla perferendis incidunt dolore blanditiis tempora commodi aspernatur sequi expedita eum voluptates totam cum reprehenderit suscipit odio nam labore nisi...

CSS

.tab-slider-one img {
	display: block;
	height: auto;
	max-width: 100%;
}
.tab-slider-one .item {
padding: 0
}
.tab-slider-one .nav {
	padding-bottom: 20px
}
.tab-slider-one .nav-pills > li > a {
	border-radius:0
}

@media (min-width: 768px) {
	.tab-slider-one .nav > li:first-child a {
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-left-radius: 4px;
	}

	.tab-slider-one .nav > li:last-child a {
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		border-bottom-right-radius: 4px;
 }
}


.tab-slider-one .nav > li:nth-child(5n+1) a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
color: #333
}
.tab-slider-one .nav > li:nth-child(5n+1) a:hover,
.tab-slider-one .nav > li:nth-child(5n+1) a.active {
	background: #96C32C;
	color: #fff
}


.tab-slider-one .nav > li:nth-child(5n+2) a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578',...

JavaScript

$(document).ready(function(){
  $('#owl-pager').each(function(){
    var ul = $(this);
    var max_h = 0;
    ul.find('a').each(function(){
        if ($(this).height() > max_h){max_h = $(this).height()}
    });
    ul.find('a').height(max_h)
});
//
	      $('#owl-pager a')
          .each(function (i, el) {
              $(el)
                  .attr({
                      'data-tabid': i
                  })
          });
	//	  
  
	$("#tab-slider").owlCarousel({
	
	navigation : false,
	pagination : false,
	slideSpeed : 300,
	paginationSpeed : 400,
	autoPlay: 3000,
	stopOnHover: true,
	singleItem:true,

	afterMove: function(){
 
		 var owl = $("#tab-slider").data('owlCarousel');
         $(".tab").removeClass("active").eq(owl.currentItem).addClass("active");
      }    
     
	});
	//
	   $(".tab").on("click", function(event){
     event.preventDefault();
     
        $(".tab").removeClass("active");
        $(this).addClass("active");

        var tabid = $(this).data("tabid");
        
		var owl = $("#tab-slider").data('owlCarousel');
	
        owl.goTo(tabid);
    });
	
});