/ / Môj kolotoč nefunguje z nijakého konkrétneho dôvodu - html, angularjs, kolotoč

Môj karusel nefunguje z žiadneho konkrétneho dôvodu - html, angularjs, kolotoč

Mám karusel na hranatej webovej aplikácii, ktorý má posúvať obrázky v intervaloch, ale nefunguje podľa očakávania, nemôžem zistiť dôvod -

tu je môj kód

<div id="section1" class="carousel slide" data-ride="carousel" data-interval="1000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#section1" data-slide-to="0" class="active" ></li>
<li data-target="#section1" data-slide-to="1" ></li>
<li data-target="#section1" data-slide-to="2" ></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="/images/img1.jpg" alt="...">
<div class="carousel-caption">
<!-- <h3>Caption Text</h3> -->
</div>
</div>
<div class="item ">
<img src="/images/img2.jpg" alt="...">
<div class="carousel-caption">
<!-- <h3>Caption Text</h3> -->
</div>
</div>
<div class="item ">
<img src="/images/img3.jpg" alt="...">
<div class="carousel-caption">
<!--h3>Caption Text</h3-->
</div>
</div>
</div>
</div>

odpovede:

0 pre odpoveď č. 1

Všetko sa zdá byť v poriadku, čo urobil bootstrap pluginste použili, pretože trieda, ktorú máte, vyžaduje bootstrap plugin. Dajte mi vedieť, ktorý doplnok bootstrap ste použili ... vyskúšajte toto CDN pre bootstrap plugin. S mojím to funguje perfektne

 <!--Bootstrap CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!--Bootstrap jquery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<!--Bootstrap javascript-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>