please help with something I'm stuck for over 8 hours now
no matter what I do I can't get bootstrap carousel working properly
I even tried copying templates from web. I installed bootstrap, downloaded source files from bootstrap website, googled the problem but stil it only shows the first slide and won't change to other slides
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Tutorial</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width = device-width, initial-scale = 1">
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<link href="dist/css/full-slider.css" rel="stylesheet">
</head>
<body>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item-active">
<img src="back1.jpg" width="50%">
<div class="carousel-caption">
<h3>First</h3>
<p>first slide</p>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<img src="back2.jpg" width="50%">
<h3>Second</h3>
<p>second slide</p>
</div>
</div>
<div class="item">
<img src="back3.jpg" width="50%">
<div class="carousel-caption">
<h3>Third</h3>
<p>third slide</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<script src="dist/js/jquery.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
</body>
</html>