<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h2 class='text-center text-success'>Full width Carousel (Takeout Container for fullwidth)</h2>
<div class="carousel slide" data-ride="carousel" id="myCarousel">
<ul class="carousel-indicators">
<li class="active" data-target="#myCarousel" data-slide-to="0"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ul>
<div class="carousel-inner">
<div class="item active">
<img src="http://www.techadvisory.org/wp-content/uploads/2017/10/2017October17Business_B_PH.jpg" class="img-responsive">
</div>
<div class="item">
<img src="https://www.zyma.com/wp-content/uploads/2015/10/internet-security-it.jpg" class="img-responsive">
</div>
<div class="item">
<img src="http://blendermedia.com/wp-content/uploads/2016/03/2.jpg" class="img-responsive">
</div>
<div class="item">
<img src="http://blendermedia.com/wp-content/uploads/2016/03/5.jpg" class="img-responsive">
</div>
</div>
<a href="#myCarousel" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#myCarousel" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
