سوال در مورد bootstrap (فوری)

امین موسائی

کاربر عضو
سلام دوستان چرا این اسلایدر کار نمیکنه کجاش مشکل داره

کد اسلایدر

کد:
<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->    <title> دهیاری روستای چاهداشی </title>    <!-- Bootstrap -->    <link href="style/css/bootstrap.css" rel="stylesheet">    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->    <!--[if lt IE 9]>      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>    <![endif]-->  </head>  <body>	<!-- شروع container -->    <div class="container" style="background-color:#CCC;">				<!-- شروع هدر -->		<div class="row" style="background-color:red">			<h1>هدر</h1>		</div>		<!-- پایان هدر -->				<!-- شروع منوی بالا -->		<div class="row" style="background-color:blue">			<div class="">				<ul class="list-inline" style="">					<li><a href="index.html">صفحه اصلی</a></li>					<li><a href="">فرمانداری</a></li>					<li><a href="">گالری تصاویر</a></li>					<li><a href="">درباره روستا</a></li>					<li><a href="">تماس با ما</a></li>				</ul>			</div>		</div>		<!-- پایان منوی بالا -->				<!-- شروع اخبار , اسلایدر , ... -->		<div class="row">			<!-- شروع آخرین اخبار -->			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="background-color:green;">				آخرین اخبار			</div>			<!-- پایان آخرین اخبار -->						<!-- شروع اسلایدر -->			<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">				<div id="myslid" class="carousel slide" data-ride="carousel">					<div class="carousel-inner">						<div class="item active">							<img src="img/slider/1.jpg" />						</div>						<div class="item">							<img src="img/slider/2.jpg" />						</div>					</div>					<a src="#myslid" class="left carousel-control" data-slide="prev">						<span class="glyphicon glyphicon-chevron-left"></span>					</a>					<a src="#myslid" class="right carousel-control" data-slide="next">						<span class="glyphicon glyphicon-chevron-right"></span>					</a>				</div>			</div>			<!-- پایان اسلایدر -->						<!-- شروع تصویر دهیار -->			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="background-color:yellow;">				تصویر دهیار			</div>			<!-- پایان تصویر دهیار -->					</div>		<!-- پایان اخبار , اسلایدر , ... -->			</div>	<!-- پایان container -->	<script type="text/javascript">		$('.carousel').carousel();		$('.carousel').carousel({	  interval: 2000	});	</script>	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->    <script src="style/js/jquery.js"></script>    <!-- Include all compiled plugins (below), or include individual files as needed -->    <script src="style/js/bootstrap.min.js"></script>  </body></html>
 
بالا