<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<style>
body {
padding-top: 20px
}
#custom_carousel .item {
color: #000;
background-color: #eee;
padding: 20px 0;
}
#custom_carousel .controls {
overflow-x: auto;
overflow-y: hidden;
padding: 0;
margin: 0;
white-space: nowrap;
text-align: center;
position: relative;
background: #ddd
}
#custom_carousel .controls li {
display: table-cell;
width: 1%;
max-width: 90px
}
#custom_carousel .controls li.active {
background-color: #eee;
border-top: 3px solid orange;
}
