Firefox支持carousel bootstrap v4.0 ??

时间:2017-08-31 19:37:47

标签: bootstrap-4

我在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;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

您在href链接中使用反斜杠\ 将它们更改为正斜杠 /

答案 1 :(得分:0)

</body>标记之前使用此标记,并删除指向这些

的本地存储空间的链接

&#13;
&#13;
<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;
&#13;
&#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!