<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>
<div class="jumbotron bordered">
<div class="container">
<div id="main_area">
<div class="row">
<div class="col-sm-12" id="slider">
<div class="row">
<div class="col-sm-8" id="carousel-bounding-box">
<div class="carousel slide" id="myCarousel" data-ride="carousel">
<div class="carousel-inner bordered">
<div class="item active" data-slide-number="0">
<img src="http://placehold.it/770x300/4466e4/ffffff&text=EDV-Service"></div>
<div class="item" data-slide-number="1">
<img src="http://placehold.it/770x300/47A447/ffffff&text=slider two"></div>
<div class="item" data-slide-number="2">
<img src="http://placehold.it/770x300/D2322D/ffffff&text=slider three"></div>
<div class="item" data-slide-number="3">
<img src="http://placehold.it/770x300&text=four"></div>
<div class="item" data-slide-number="4">
<img src="http://placehold.it/770x300&text=five"></div>
<div class="item" data-slide-number="5">
<img src="http://placehold.it/770x300&text=six"></div>
</div>
<a class="carousel-control left" data-slide="prev" href="#myCarousel">‹</a> <a class="carousel-control right" data-slide="next" href="#myCarousel">›</a>
</div>