首页 > 解决方案 > Bootstrap 4中的轮播无法使用正确的div标签和代码

问题描述

我已经看到几个类似主题的问题,但没有一个得到解决,也没有解决我的问题。我已经添加了 div 标签:

  <div id="mycarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="images/deals-steals1.png" width="488" height="232" class="d-block w-100" 
         alt="...">
        </div>
        <div class="carousel-item">
          <img src="images/deals-steals1a.png" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
          <img src="images/deals-steals1b.png" class="d-block w-100" alt="...">
        </div>
      </div>
     </div>

在我的头标签顶部,我有我需要的 CSS 文件。

在底部,我有各种 js 包含,就在结束 body 标记之前。我也在页面中运行 BS 模式,但它不应该干扰。理论上我也有需要的 jQuery 文件

    <!-- jQuery plugins-->
<script src="js/jquery.min.js"></script><br>


 <script src="js/jquery.flexslider-min.js"></script>

 <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

   <!-- jQuery -->
<script src="js/custom.js" type="text/javascript"></script>

    <!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

你们可以提供的任何帮助或指示都会很棒。

标签: jquerycssbootstrap-4carousel

解决方案


推荐阅读