Slider in Bootstrap ?
Hereand#39;s a simple example of a Bootstrap slider using HTML, CSS, and JavaScript:
!DOCTYPE html
html lang=en
head
meta charset=UTF-8
meta name=viewport content=width=device-width, initial-scale=1.0
titleBootstrap Slider/title
!-- Bootstrap CSS --
link href=https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css rel=stylesheet
style
andnbsp; andnbsp; .carousel-item {
andnbsp; andnbsp; andnbsp; andnbsp; text-align: center;
andnbsp; andnbsp; }
/style
/head
body
div class=container
andnbsp; andnbsp; h2 class=my-4Bootstrap Slider Example/h2
andnbsp; andnbsp; div id=myCarousel class=carousel slide data-ride=carousel
andnbsp; andnbsp; andnbsp; andnbsp; div class=carousel-inner
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; div class=carousel-item active
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; img src=https://via.placeholder.com/800x400?text=Slide+1 alt=Slide 1
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; /div
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; div class=carousel-item
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; img src=https://via.placeholder.com/800x400?text=Slide+2 alt=Slide 2
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; /div
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; div class=carousel-item
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; img src=https://via.placeholder.com/800x400?text=Slide+3 alt=Slide 3
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; /div
andnbsp; andnbsp; andnbsp; andnbsp; /div
andnbsp; andnbsp; andnbsp; andnbsp; a class=carousel-control-prev href=#myCarousel role=button data-slide=prev
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; span class=carousel-control-prev-icon aria-hidden=true/span
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; span class=sr-onlyPrevious/span
andnbsp; andnbsp; andnbsp; andnbsp; /a
andnbsp; andnbsp; andnbsp; andnbsp; a class=carousel-control-next href=#myCarousel role=button data-slide=next
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; span class=carousel-control-next-icon aria-hidden=true/span
andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; andnbsp; span class=sr-onlyNext/span
andnbsp; andnbsp; andnbsp; andnbsp; /a
andnbsp; andnbsp; /div
/div
!-- Bootstrap JS and dependencies --
script src=https://code.jquery.com/jquery-3.5.1.slim.min.js/script
script src=https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js/script
script src=https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js/script
/body
/html