Q. Create bootstrap carousel as shown in the pucture, use atleast three images in the carousel
Use the following image links
Ans:
Note: First install requirements and then run the code. After all click on run tests
Copy the code as same as
Code:
<!DOCTYPE html>
<html>
<head>
<title>Grab it!!!!</title>
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="./css/mystyle.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
// write your code
<div class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators"> </ol>
<img><img><img>
<div class="carousel-inner">
<div class="item active"></div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right">Next</span>
</a>
</div>
</body>
</html>
No comments:
Post a Comment
If you have any doubts, Please let us know.