Introduction to Bootstrap5
Component of Bootstrap
Basically Carousel is that property by which we can add slider in our webpage which will be responsive one.
We can add content, iframe, images , videos etc. whatever we want to add
Let’s understand this by the following program in which we show the slider for images:-
So here our carousel is ready here.
Here are some other classes of carousel which we can use in bootstrap. Some of the classes and their description is stated as follows:-
Class | Description |
---|---|
.carousel | Creates a carousel |
.carousel-indicators | Adds indicators for the carousel. These are the little dots at the bottom of each slide (which indicates how many slides there are in the carousel, and which slide the user are currently viewing) |
.carousel-inner | Adds slides to the carousel |
.carousel-item | Specifies the content of each slide |
.carousel-control-prev | Adds a left (previous) button to the carousel, which allows the user to go back between the slides |
.carousel-control-next | Adds a right (next) button to the carousel, which allows the user to go forward between the slides |
.carousel-control-prev-icon | Used together with .carousel-control-prev to create a "previous" button |
.carousel-control-next-icon | Used together with .carousel-control-next to create a "next" button |
.slide | Adds a CSS transition and animation effect when sliding from one item to the next. Remove this class if you do not want this effect |
Bootstrap 4 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute