Empfohlene Quellcode-Kursunterlagen für das Bootstrap-Video-Tutorial von Dark Horse Programmer

Bootstrap kommt von Twitter und ist ein sehr beliebtes Frontend-Framework. Bootstrap basiert auf HTML, CSS und JAVASCRIPT. Es ist einfach und flexibel und beschleunigt die Webentwicklung. „Dark Horse Programmer Bootstrap Video Tutorial“ erklärt, wie man Bootstrap für die Front-End-Entwicklung verwendet.

Adresse für die Kurswiedergabe: http://www.php.cn/course/509.html

Der Unterrichtsstil des Lehrers:

Die Vorträge des Lehrers sind einfach und ausführlich, klar in der Struktur, werden Schicht für Schicht analysiert, ineinandergreifend, streng in der Argumentation, streng in der Struktur und im Gebrauch Die logische Kraft des Denkens, um die Aufmerksamkeit der Schüler zu erregen. Nutzen Sie die Vernunft, um den Unterrichtsprozess im Klassenzimmer zu steuern. Durch das Anhören der Vorträge des Lehrers lernen die Schüler nicht nur Wissen, sondern erhalten auch eine Denkschulung und werden auch von der strengen akademischen Haltung des Lehrers beeinflusst und beeinflusst

Der schwierigere Punkt in diesem Video ist das Raster System:

Das Bootstrap-Framework ist heute eines der beliebtesten Front-End-Frameworks. Es ist leistungsstark, einfach zu erlernen und sehr gut für praktische Anwendungsszenarien geeignet.

Es ist nur so, dass Bootstrap viele Inhalte hat und Anfänger Bootstrap oft nicht schnell und kompetent nutzen können.

Hier werde ich eine beispielgeführte Zusammenfassung des sehr wichtigen und einfach zu verwendenden Grid-Systems in Bootstrap erstellen:

(1) Schritt eins: Erstellen Sie einen Container für das Grid-System

<p class="container-fluid">   
<p class="row">     
...   
</p> 
</p>

Erklärung: Um eine ordnungsgemäße Anordnung und Auffüllung des Rastersystems sicherzustellen, muss jede Zeile „Reihe“ in einem Container enthalten sein, und für diesen Container verwenden wir den Klassennamen „Container“ oder „ Container-Fluid" ", diese beiden Klassen wurden von Bootstrap im Voraus für uns entworfen

.container hat eine feste Breite und wird in der Mitte angezeigt: Das Folgende ist der Code der .container-Klasse in Bootstrap

Hier empfehlen wir Ihnen auch den Download der Materialien: http://www.php.cn/xiazai/learn/2109

Die Materialien teilen Video-Tutorials und Kursmaterialien mit Ihnen

Das obige ist der detaillierte Inhalt vonEmpfohlene Quellcode-Kursunterlagen für das Bootstrap-Video-Tutorial von Dark Horse Programmer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!