Bai*_*123 5 carousel twitter-bootstrap
我必须使用 Bootstrap 创建一个 Carousel。我对它还是很陌生，所以我不知道很多。我不明白为什么不显示图像而只显示文本。过去几个小时我一直在查找它，但仍然无法理解我做错了什么或遗漏了什么等。我觉得我的头撞在墙上。任何人都可以提供帮助或任何信息将不胜感激。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div id="Mycarousel" class="carousel">
<ol class="carousel-indicators">
<li class="item0" data-target="#Mycarousel" data-slide-to ="0" class="active"></li>
<li class="item1" data-target="#Mycarousel" data-slide-to ="1"></li>
<li class="item2" data-target="#Mycarousel" data-slide-to ="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="img/cars.jpg" alt="cars" class="img-responsive">
</div>
<div class="item"></div>
<img src="img/waterflower.jpg" alt="waterflower" class="img-responsive">
</div>
<div class="item"></div>
<img src="img/cutehedgehog.jpg" alt="cutehedgehog" class="img-responsive">
</div>
<a class="carousel-control" href="#Mycarousel" data-slide="prev"></a>
<span class="icon-prev"></span>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.7/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
看来你的脚手架没有做好。"</div>"请参阅为第二张和第三张幻灯片添加的额外结尾。
<div class="item"></div>
<img src="img/waterflower.jpg" alt="waterflower" class="img-responsive">
</div>
应该是这样的；
<div class="item">
<img src="img/waterflower.jpg" alt="waterflower" class="img-responsive">
</div>
这是W3Schools提供的工作副本。
<div class="item"></div>
<img src="img/waterflower.jpg" alt="waterflower" class="img-responsive">
</div>
| 归档时间： |
|
| 查看次数： |
9599 次 |
| 最近记录： |