Das Bootstrap-Karussell-Plug-In ist eine flexible und reaktionsschnelle Möglichkeit, Slider zu Ihrer Website hinzuzufügen. Außerdem ist der Inhalt flexibel genug, um ein Bild, ein eingebetteter Rahmen, ein Video oder eine andere Art von Inhalten zu sein, die Sie platzieren möchten.
Wenn Sie das Karussell -Plugin von Bootstrap verwenden, können Sie den Site Slider hinzufügen, und der Inhalt kann Bilder, eingebettete Frames, Videos oder irgendetwas anderes sein. Die Verwendung des Karussell -Plugins erfordert die Einführung von Bootstrap.min.js.
Lassen Sie mich Ihnen zuerst die Renderings zeigen. Wenn Sie das Gefühl haben, dass es ziemlich gut ist, beziehen Sie sich bitte auf den Implementierungscode.
Die Renderings sind wie folgt:
Der Schlüsselcode lautet wie folgt:
<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 Project--><div role="listbox"><div><img src="~/images/Chrysanthemum.jpg" /><div>ffffffffff</div></div><div><img src = "~/images/desert.jpg"/> <div> xxxxxxxxxxxxxxxxx </div> </div> <div> <img src = "~/images/lighthouse.jpg"/> <div> mmmmmmmmmm </div> </div> <! 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>
Das obige ist die vollständige Beschreibung des zehnten Kapitels des Ihnen vorgestellten Bootstrap-Karussell-Plug-Ins. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!