私のブートストラップカルーセルクラスが動作していません

私はカルーセルブートストラップを作成しましたが、動作しません。カルーセルはスライダータイプで、2つの画像が「img」タグに埋め込まれます。何か間違っていると助けてください。ありがとうございました。私のブートストラップカルーセルクラスが動作していません

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>TATTOO</title> 
 
    <meta charset="utf-8"> 
 
    <meta class="viewport" content="width=device-width, initial-scale=1"> 
 
    <!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 

 
</head> 
 
<body> 
 

 

 

 

 
<div class="container-fluid"> 
 
\t <div class="row">  
 
    <div class="col-xs-12" id="gifdivision"> 
 
     <!-- adding the carousel slider--> 
 
     <div class="carousel slide" id="myslider" data-ride="carousel"> 
 
      <div class="item active"> 
 
       <img src="#some image here"> 
 
       <div class="carousel-caption"><h2>caption here 1</h2></div><!--this is the carousel caption--> 
 
      </div> 
 
      <div class="item"> 
 
       <img src="#some image here"> 
 
       <div class="carousel-caption"><h2>caption here  2</h2></div><!--this is the carousel caption--> 
 
      </div> 
 
     </div><!-- this is the carousel slide div--> 
 
    </div><!-- end of col-xs-12 --> 
 
    </div><!-- end of 1st row--> 
 
</div><!--end of container--> 
 
</body> 
 
</html>

出典

2017-03-20 rishabh jain

を必要とするには、jqueryのを必要とし、あなたは上記のコードでそれを持っていけません。 –

ok、すぐに追加していただきありがとうございます。 –

あなたはjQueryのを逃している、とカルーセルマークアップが間違っています。

ブートストラップ3.xのカルーセルは、JavaScriptの機能ブートストラップcarousel-inneritem Sをaroud ...

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12" id="gifdivision"> 
      <!-- adding the carousel slider--> 
      <div class="carousel slide" id="myslider" data-ride="carousel"> 
       <div class="carousel-inner"> 
        <div class="item active"> 
         <img src="//placehold.it/1200x400" class="center-block"> 
         <div class="carousel-caption"> 
          <h2>caption here 1</h2></div> 
         <!--this is the carousel caption--> 
        </div> 
        <div class="item"> 
         <img src="//placehold.it/1200x400" class="center-block"> 
         <div class="carousel-caption"> 
          <h2>caption here  2</h2></div> 
         <!--this is the carousel caption--> 
        </div> 
       </div> 
      </div> 
      <!-- this is the carousel slide div--> 

     </div> 
     <!-- end of col-xs-12 --> 
    </div> 
    <!-- end of 1st row--> 
</div> 
<!--end of container-->

http://www.codeply.com/go/6koiOwGY1U

出典

2017-03-20 11:37:02 ZimSystem

これを指摘してくれてありがとうございました。 :) –

私のブートストラップカルーセルクラスが動作していません

答えて

関連する問題