我正在尝试引导程序轮播，但它不起作用。我已经做了很多研究并一遍又一遍地检查，但它仍然无法正常工作。谁能告诉我为什么？（我刚刚开始，所以非常感谢一些详细的解释tq）
这是我的代码。
<div class="container-fluid">
<div class="carousel slide" data-ride="carousel" id="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide to="0" class="active"></li>
<li data-target="#carousel" data-slide to="1"></li>
<li data-target="#carousel" data-slide to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="https://f1.media.brightcove.com/8/4495439099001/4495439099001_5325814229001_5305215728001-vs.jpg?pubId=4495439099001&videoId=5305215728001">
</div>
<div class="item">
<img src="http://www.asianews.it/files/img/INDIA_-_0907_-_Vescovo_di_Vasai_su_MT.jpg">
</div>
<div class="item">
<img src="https://www.crossroadsinitiative.com/wp-content/uploads/2016/02/Mother-Teresa-of-Calcutta-Mother-Teresas-National-Prayer-Breakfast-Message.jpg">
</div>
</div>
<a class="carousel-control left" href="#carousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="carousel-control right" href="#carousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>