Dieser Artikel teilt sorgfältig ein einfaches Beispiel für das Bootstrap Carousel-Plug-In für Ihre Referenz. Der spezifische Inhalt ist wie folgt
Das Carousel-Plug-In mit Bootstrap kann der Website Schieberegler hinzufügen, und der Inhalt kann Bilder, eingebettete Rahmen, Videos oder irgendetwas anderes sein. Die Verwendung von Carousel-Plug-In erfordert die Einführung
Reproduktionsbild:
Bootstrap.min.js.
<div id = "carousel-example-generic" data-ride = "carousel"> <!-Karussell-Navigation-> <ol> <li data-target = "#Carousel-example-generic" data-klide-to = "0"> </li> <li data-target 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>
Der Editor empfiehlt einen weiteren Artikel für Sie: umfassende Analyse des Karussffeffekts von Bootstrap -Bildern
Wenn Sie noch eingehend studieren möchten, können Sie hier klicken, um Ihnen ein wunderbares Thema zu lernen und anzuhängen: Bootstrap -Lern -Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.