Introduction to Bootstrap carousel plug-in and bootstrap carousel plug-in
This article provides a detailed example of the Bootstrap carousel plug-in for your reference. The details are as follows:
You can use the Bootstrap carousel plug-in to add a slider to the site. The content can be images, embedded frameworks, videos, or any other content. To use the carousel plug-in, you need to introduce
:
Bootstrap. min. js.
<Div id = "carousel-example-generic" class = "carousel slide" data-ride = "carousel"> <! -Carousel navigation --> <ol class = "carousel-indicators"> <li data-target = "# carousel-example-generic" data-slide-to = "0" class = "active"> </li> <li data-target = "# carousel-example-generic" data-slide-to = "1"> </li> <li data- target = "# carousel-example-generic" data-slide-to = "2"> </li> </ol> <! -Carousel project --> <div class = "carousel-inner" role = "listbox"> <div class = "item active"> <div class =" carousel-caption "> ffffffff </div> <div class =" item "> <div class =" carousel-caption "> xxxxxxxxxxxxxx </div> <div class =" item "> <div class =" carousel-caption "> mmmmmmmmmmmm </div> <! -Carousel navigation --> <a class = "left carousel-control" href = "# carousel-example-generic" role = "button" data-slide = "prev"> <span class = "glyphicon-chevron-left"> </span> <span class = "sr-only"> Previous </span> </a> <a class = "right carousel-control "href =" # carousel-example-generic "role =" button "data-slide =" next "> <span class =" glyphicon-chevron-right "> </span> <span class = "sr-only"> Next </span> </a> </div>
I recommend an article for you: Fully parse the Bootstrap image carousel effect.
If you want to learn more, click here to learn more and add a special topic: Bootstrap learning tutorial.
The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.