HTML에 회전식 슬라이드 쇼가 표시됩니다. 스크롤하지 않음

-3

나는이 코드를 몇 시간 동안 앉아서 보았는데 왜 회전식 사진이 아닌 회전식 그림을 보여 주는지 궁금해했다. 어쩌면 나는 무언가를 놓쳤다. 도와주세요. HTML에 회전식 슬라이드 쇼가 표시됩니다. 스크롤하지 않음

<html lang="en"> 
    <head> 
    <!-- Required meta tags --> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 


    <link href="css/bootstrap.min.css" rel="stylesheet"> 

    </head> 
    <body> 

    <div id="Carousel" class="carousel slide"> 
     <ol class="carousel-indicators"> 
     <li data-target="#Carousel" data-slide-to ="0" class="acive"></li> 
     <li data-target="#Carousel" data-slide-to ="1"></li> 
     <li data-target="#Carousel" data-slide-to ="2"></li> 
     </ol> 

    <div class="carousel-innner"> 
     <div class= "item active"> 
     <img src="power_ranger.jpg" alt="yeah" class="img-responsive"> 
     </div> 

     <div class= "item"> 
     <img src="jet.jpg" alt="yeah1" class="img-responsive"> 
     </div> 

     <div class= "item"> 
     <img src="jl.png" alt="yeah1" class="img-responsive"> 
     </div> 
    </div> 

    <a class="carousel-control left" href="#Carousel" data-slide="prev"> 
     <span class="icon-prev"></span> 
    </a> 
    <a class="carousel-control right" href="#Carousel" data-slide="next"> 
     <span class="icon-next"></span> 
    </a> 

    <!-- jQuery first, then Tether, then Bootstrap JS. --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

    <script src="js/bootstrap.min.js"></script> 
    </body> 
</html>

은 회전 목마 항목 및 항목을 사용하여 시도하고 모두 실패 아래에 내 코드입니다. 문제의 위치는 어디입니까?

출처

2017-03-19 Cfs1936

캐 러셀에 무엇을 사용하고 있습니까? – Mindless

코드에 실수가 2 번 있습니다.

먼저 실수는 사용자가 <div id="Carousel" class="carousel slide"> 요소를 닫지 않는 것입니다.

그러나 회전 목마가 작동하지 않을 수 없습니다 이유는 ...

은 그래서 매우 재미있는 두 번째 실수는 <div class="carousel-innner">의 클래스가 잘못된 것입니다. 그것은 innner에 3 × n입니다. 올바른 것은 <div class="carousel-inner">입니다.

출처

2017-03-20 01:36:25 GramThanos

정말 고마워 ..... – Cfs1936

HTML에 회전식 슬라이드 쇼가 표시됩니다. 스크롤하지 않음

답변

관련 문제