Identificarse | Registrarse | FAQ
Anonymous

Carousel isnt working properly

+ Publicar una respuesta

1 mensaje Página 1 de 1


Carousel isnt working properly

por KamiCollo » Sab Abr 28, 2018 6:30 pm

So,i'm new to of this ,the bootstrap carousel isn't working for me,I took the example straight from w3school and it's still not working it only displays the images one atop of the other,my code:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Pagrindinis puslapis</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=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.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>

<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"></a>//logotipas
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Pagrindinis</a></li>
<li><a href="#">Visos prekės</a></li>
<li><a href="#">Populiariausios prekės</a></li>
<li><a href="#">Nuolaidos</a></li>
<li><a href="#">Pristatymas</a></li>
<li><a href="#">Kontaktai</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Prisijungimas/Užsisakymas</a></li>
</ul>
</div>
</div>
</nav>

<div id="demo" class="carousel slide" data-ride="carousel">

<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>

<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="bob.jpg" alt="Los Angeles" width="1100" height="500">
</div>
<div class="carousel-item">
<img src="young.jpg" alt="Chicago" width="1100" height="500">
</div>
<div class="carousel-item">
<img src="thing.jpg" alt="New York" width="1100" height="500">
</div>
</div>

<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>



<footer class="container-fluid text-center">
<p>Footer Text</p>
</footer>

</body>
</html>
Avatar de Usuario

KamiCollo

  • Mensajes: 1
  • Registrado: Sab Abr 28, 2018 6:27 pm


+ Publicar una respuesta

Página 1 de 1