2017-12-28 28 views
0

부트 스트랩 캐 러셀을 사용하려고합니다. 예를 복사했는데 잘못되었습니다. div의 왼쪽 또는 오른쪽에 화살표 슬라이드 쇼를 클릭 한 다음 위치를 변경합니다. 나는 또한 inspinia를 사용한다. 뭐가 문제 야? 왼쪽의부트 스트랩 캐 러셀이 잘못 작동합니다.

<div id="carousel-example-generic2" class="carousel slide"> 
      <ol class="carousel-indicators"> 
       <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li> 
       <li data-target="#carousel-example-generic2" data-slide-to="1"></li> 
       <li data-target="#carousel-example-generic2" data-slide-to="2"></li> 
      </ol> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <img src="http://placehold.it/1280x500" alt=""> 
        <div class="carousel-caption"> 
         <h3>To jest opis</h3> 
         <p>pierwszego slajdu</p> 
        </div> 
       </div> 

       <div class="item"> 
        <img src="https://speckyboy.com/wp-content/uploads/2012/04/jquery-new-plugin-22.jpg" alt=""> 
        <div class="carousel-caption"> 
         <h3>To jest opis</h3> 
         <p>drugiego slajdu</p> 
        </div> 
       </div> 

       <div class="item"> 
        <img src="http://placehold.it/1280x500" alt=""> 
        <div class="carousel-caption"> 
         <h3>To jest opis</h3> 
         <p>trzeciego slajdu</p> 
        </div> 
       </div> 

      </div> 

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

example 먼저 슬라이드 및 제 오른쪽이다. 빨간색 화살표는 방향을 표시합니다.

답변

1

라이브러리를 올바르게 포함하지 않았을 수 있습니다. 이

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<div id="carousel-example-generic2" class="carousel slide"> 
 
    <ol class="carousel-indicators"> 
 
    <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li> 
 
    <li data-target="#carousel-example-generic2" data-slide-to="1"></li> 
 
    <li data-target="#carousel-example-generic2" data-slide-to="2"></li> 
 
    </ol> 
 
    <div class="carousel-inner"> 
 
    <div class="item active"> 
 
     <img src="http://placehold.it/1280x500" alt=""> 
 
     <div class="carousel-caption"> 
 
     <h3>To jest opis</h3> 
 
     <p>pierwszego slajdu</p> 
 
     </div> 
 
    </div> 
 

 
    <div class="item"> 
 
     <img src="https://speckyboy.com/wp-content/uploads/2012/04/jquery-new-plugin-22.jpg" alt=""> 
 
     <div class="carousel-caption"> 
 
     <h3>To jest opis</h3> 
 
     <p>drugiego slajdu</p> 
 
     </div> 
 
    </div> 
 

 
    <div class="item"> 
 
     <img src="http://placehold.it/1280x500" alt=""> 
 
     <div class="carousel-caption"> 
 
     <h3>To jest opis</h3> 
 
     <p>trzeciego slajdu</p> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 

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

를 작동