[英]Controls for bootstrap 3 carousel are not working
我正在尝试使用bootstrap 3创建图像轮播。图像会在设置的时间后自行滑动,但是我无法获得滑动图像的控件。 似乎我完全在关注文档。 我包括了HTML以及jsfiddle:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<body>
<nav class="navbar navbar-default navbar-fixed-top"><a class="navbar-brand">Test</a></nav>
<div class="container">
<div class="row">
<div style="height:100px;" class="col-md-12"></div>
</div>
</div>
<div style="border-right:1px solid #E7E7E7;" class="container listingContainer">
<div style="border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;" class="row">
<div class="col-md-5 leftAdjust">
<div id="myCarousel" data-ride="carousel" class="carousel-slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<div role="listbox" class="carousel-inner">
<div class="item active"><img src="http://www.nationalparks.nsw.gov.au/~/media/NPWS/Images/Parks/Yuraygir-National-Park/Background/pebbly-beach-camp.ashx" style="width:100%;height:327px"></div>
<div class="item"><img src="http://static.hdw.eweb4.com/media/thumbs/1/111/1101776.jpg" style="width:100%;height:327px"></div>
</div><a href="#myCarousel" role="button" data-slide="prev" class="carousel-control left"><span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span></a><a href="#myCarousel" role="button" data-slide="next" class="carousel-control right"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="/javascripts/main.js"></script>
你有错字
<div id="myCarousel" data-ride="carousel" class="carousel-slide">
应该:
<div id="myCarousel" data-ride="carousel" class="carousel slide">
您在课程中的轮播和幻灯片之间有一个连字符。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.