Einführung in Bootstrap
Bootstrap ist ein Framework, das in der Front-End-Entwicklung weit verbreitet ist. Es war ursprünglich ein Tool in Twitter. Nachdem es geöffnet wurde, wurde es schnell von allen Parteien anerkannt. Dieses Buch basiert auf dem neuesten Bootstrap 3. Nach kurzer Einführung der Installation und Konfiguration geht es direkt zum Thema und diskutiert einige der repräsentativsten Anwendungsfälle, einschließlich persönlicher Arbeitswebsites, WordPress-Themen, Unternehmenswebsites, E-Commerce-Websites und einseitigen Marketing-Websites. Wenn wir diese Fälle kombinieren, analysieren wir sorgfältig die Nutzungsmethoden und -techniken von Bootstrap und weniger.
Trotzdem ist es alles außerhalb des Themas. Schauen wir uns den Code für Bootstrap an, um einen Förderband zu bauen.
Fortschrittsindikator
<div id="homepage-feature"><ol><li data-target="#homepage-feature" data-slide-to="0"></li><li data-target="#homepage-feature" data-slide-to="1"></li><li data-target="#homepage-feature" data-slide-to="2"></li></ol>
Die Data-Target-Eigenschaft des Fortschrittsanzeigens muss das ID-Homepage-FeatureJS-Plug-In des Förderbandes verwenden, um dem Förderband eine aktive Klasse hinzuzufügen.
<Div> <div> <img>/div> <div> <img>/div> ... </div>
Dann gibt es eine Taste, die den vorherigen und den nächsten zeigt.
<a href = "#homepage-feature" data-slide = "prev"> <span> </span> </a> <a href = "#homepage-feature" data-Slide = "Next"> <span> </span> </a> </div>
Das ist in Ordnung. Der obige Inhalt ist das relevante Wissen über den Aufbau eines Förderbandes, den der Editor Ihnen über Bootstrap vorgestellt hat. Ich hoffe, es wird Ihnen hilfreich sein. Ich möchte Ihnen viel für Ihre Unterstützung für die Wulin.com -Website danken!