我在firefox浏览器上启动了carousel bootstrap v4.0示例。图片项目不会滑动!
我认为这是一个Bootstrap错误。
所以,Firefox支持carousel bootstrap v4.0 ??
这是一个例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Proof</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css">
<link rel="stylesheet" href="bootstrap-4.0.0-beta\dist\css\bootstrap.min.css"> <!-- messo prima di style.css altrimenti annulla la formattazione di base -->
<!-- per il menu smartphone -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body style="background:#000">
<div id="carouselEvents" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" style="height:100%">
<div class="carousel-item active">
<img class="d-block w-100" src="invernale.jpg" alt="concerto"/>
</div>
<!-- second slide events -->
<div class="carousel-item">
<img class="d-block w-100" src="estivo.jpg" alt="concerto"/>
</div>
<!-- third slide events -->
<div class="carousel-item">
<img class="d-block w-100" src="invernale.jpg" alt="concerto"/>
</div>
</div>
<a class="carousel-control-prev" href="#carouselEvents" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselEvents" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="bootstrap-4.0.0-beta\dist\js"></script>
</body>
</html>
&#13;
答案 0 :(得分:0)
您在href链接中使用反斜杠\ 将它们更改为正斜杠 /
答案 1 :(得分:0)
在</body>
标记之前使用此标记,并删除指向这些
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="https://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
&#13;
答案 2 :(得分:0)
&#34;我认为这是FF中的Bootstrap错误。&#34; 没有!我是这个错误:
<script src="bootstrap-4.0.0-beta\dist\js"></script>
道路是inc!! 正确的src是:
<script src="bootstrap-4.0.0-beta\dist\js\bootstrap.min.js"></script>
谢谢mlegg!