角2 - ブートストラップカルーセルが動作しない

Question

私はカルーセルを構築しようとしています。私はできる限り正確にブートストラップの例に従ってきたが、私はカルーセルを手に入れていない。スライドに表示されるのとは対照的に、画像は水平に表示されます。このコードに問題はありますか？

<div class="container"> 
<div class="row"> 
    <div class="col-md-12"> 
     <div id="product-image" class="carousel slide" data-ride="carousel"> 
      <ol class="carousel-indicators"> 
       <li data-target="#product-image" data-slide-to="0" class="active"></li> 
       <li data-target="#product-image" data-slide-to="1"></li> 
      </ol> 

      <div class="carousel-inner" role="listbox"> 
       <div [ngClass]="{active: first}"> 
        <img src="..\assets\img\{{product.images.productImage[0]}}"> 
        <div class="carousel-caption"> 
         <h2>{{product.make}}</h2> 
        </div> 
       </div> 

       <div [ngClass]="{active: first}"> 
        <img src="..\assets\img\{{product.images.productImage[1]}}"> 
        <div class="carousel-caption"> 
         <h2>{{product.make}}</h2> 
        </div> 
       </div> 
      </div> 
      <a class="left carousel-control" href="#product-image" 
       role="button" data-slide="prev"> 
        <span class="icon-prev" aria-hidden="true"></span> 
        <span class="sr-only">Previous</span> 
      </a> 

      <a class="right carousel-control" href="#product-image" 
       role="button" data-slide="next"> 
        <span class="icon-next" aria-hidden="true"></span> 
        <span class="sr-only">Next</span> 
      </a> 
     </div> 
    </div> 
</div> 

Answer 1

uが間違っ

Answer 2

私は私の場合には問題を発見行くいただきました！あなたはconsole.itになっているエラーが私たちにアイデアを与えるだろう私に言うことができます。それはブートストラップバージョンの問題でした。別のバージョンを使用しようとしましたが、そのうちの1つがカルーセルを正しく表示しました。異なる方法を使ってカルーセルを構築していたのでバージョンを言及していませんでしたが、問題は同じだったので回答を投稿しました - スライドはスタックとして表示され、コンソールやどこにでもエラーは表示されません。