Let's get started with Bootstrap Carousel component and create a basic image slideshow. As always, we will be creating a static HTML page for this, to learn how it is used. The steps are as follows:
Create a new folder called
Bootstrap Carousel
anywhere you like in your system. We will use the same static markup for theindex.html
file:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap Carousel</title> <!-- Bootstrap --> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <h1>Hello World</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery...