Cześć! Nie chcąc przedłużać, przejdę do sedna. Chciałabym stworzyć slajder przy pomocy Bootstrap. Kod napisałam na podstawie tutoriali, dodałam bibliotekę jQuery :) w wersji z serwerami CDN, ścieżki dostępu do grafik są poprawne, zainicjowałam JS'em i wszystko wskazuje na to, że karuzela powinna zmieniać slajdy, ale tego nie robi. Kropki nie działają. Ze strzałek zrezygnowałam celowo. Konsola mówi, że $('...').carousel nie jest funkcją. Dopiero zaczynam przygodę z JS i powiem szczerzę, że już brakuje mi pomysłów co może być źle, a problem pewnie jest trywialny. Proszę pomóżcie!
Bootsrap:
<div id="slajder" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#slajder" data-slide-to="0" class="active"></li>
<li data-target="#slajder" data-slide-to="1"></li>
<li data-target="#slajder" data-slide-to="2"></li>
<li data-target="#slajder" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="css/grafika/slajd1.png">
</div>
<div class="item">
<img src="css/grafika/slajd2.png">
</div>
<div class="item">
<img src="css/grafika/slajd3.png">
</div>
<div class="item">
<img src="css/grafika/slajd4.png">
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<srcipt src="js/bootstrap.js"></script>
<script>
var options = {
interval: 2000,
pause: 'hover',
wrap: true
};
$('.carousel').carousel(options);
</script>