<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> <!------ Include the above in your HEAD tag ----------> <div class="left_div"> <div id="left_slider" class="carousel slide" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="http://dev.aparanjisilks.in/uploads/image_store/9/d6dd876e1e07d17bfbb4c17226dcd937.png"/> </div> <div class="item"> <img src="http://dev.aparanjisilks.in/uploads/image_store/10/acd6ce12892099a1f71553622afd1086.png"/> </div> <div class="item "> <img src="http://dev.aparanjisilks.in/uploads/image_store/9/d6dd876e1e07d17bfbb4c17226dcd937.png"/> </div> </div> </div> </div>

.left_div{width:30%; height:100vh;}