This article carefully shares a simple example of the Bootstrap carousel plug-in for your reference. The specific content is as follows
Carousel plug-in using Bootstrap can add sliders to the site, and the content can be images, embedded frames, videos or anything else. Using carousel plug-in requires introduction
Reproduction image:
bootstrap.min.js.
<div id="carousel-example-generic" data-ride="carousel"> <!―Carousel-navigation--> <ol> <li data-target="#carousel-example-generic" data-slide-to="0"></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--> <div role="listbox"> <div> <img src="~/images/Chrysanthemum.jpg" /> <div> ffffffffff </div> </div> <div> <img src="~/images/Desert.jpg" /> <div> xxxxxxxxxxxxxxxxxx </div> </div> <div> <img src="~/images/Lighthouse.jpg" /> <div> mmmmmmmmmmmm </div> </div> </div> <!―Carovial Navigation--> <a href="#carousel-example-generic" role="button" data-slide="prev"> <span></span> <span>Previous</span> </a> <a href="#carousel-example-generic" role="button" data-slide="next"> <span></span> <span>Next</span> </a> </div>
The editor recommends another article for you: Comprehensive analysis of the carousel effect of Bootstrap pictures
If you still want to study in depth, you can click here to learn and attach a wonderful topic to you: Bootstrap learning tutorial
The above is all the content of this article. I hope it will be helpful to everyone's learning and I hope everyone will support Wulin.com more.