Im vorherigen Artikel habe ich Ihnen das Grundwissen von Bootstrap vorgestellt. Als nächstes werde ich es Ihnen in diesem Artikel vorstellen.
Wir können Bootstrap -Dateien unter http://getbootstrap.com herunterladen
Klicken Sie links auf den Download Bootstrap, um die kompilierte Version von Bootstraps CSS, JavaScript und Schriftart zu laden. Klicken Sie in der Mitte auf die Quelle Download, um Bootstrap herunterzuladen. Im Allgemeinen können wir mit Bootstrap auf die kompilierte Version links klicken, um sie herunterzuladen.
Wenn die kompilierte Version heruntergeladen wird, lautet die Struktur:
Wenn die heruntergeladene Quellcodestruktur lautet:
Der Inhalt im DIST -Ordner entspricht denjenigen in der kompilierten Version.
Wenn Sie Bootstrap, das Front-End-Framework, verwenden müssen, müssen Sie einige Formatierung festlegen und einige Dateien einführen. Hier ist eine grundlegende Vorlage für die Verwendung von Bootstrap.
Bootstrap verwendet einige HTML5 -Elemente und CSS -Eigenschaften. Damit diese ordnungsgemäß funktionieren, müssen Sie den HTML5 -Dokumenttyp (docType) verwenden. Daher ist das folgende Code -Snippet am Anfang der Seite enthalten:
Um die Browser IE6, 7, 8 Versionen (IE9 oder unten) zu erstellen, die mit den neu hinzugefügten Tags von HTML5 kompatibel sind, kann die Bootstrap -Vorlage eingeführt werden:
<script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
In ähnlicher Weise wird der folgende Code eingeführt
<script src = "https://oss.maxcdn.com/libs/respect.js/1.4.2/respect.min.js"> </script>
Der folgende Code sagt IE Browser, dass IE8/9 und spätere Versionen die Seite mit der höchsten Version von IE rendern
<meta http-äquiv = "x-ua-kompatibler" content = "ie = edge"> Der folgende Code ermöglicht dem Browser, die entsprechende Seite in der am besten geeigneten Größe anzuzeigen: <meta name = "Ansichtsfenster" content = "width = Geräte-Width, initial scale = 1">
Um Bootstrap zu verwenden, um eine Webseite zu erstellen, müssen Sie die CSS -Datei von Bootstrap vorstellen.
<link href = "~/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel = "Stylesheet"/>
Um die JavaScript -Komponente in Bootstrap zu verwenden, müssen Sie auch das JS -Plugin von Bootstrap einführen. Da das JS -Plugin auf JQuery basiert, müssen Sie zunächst das JQuery -Skript vorstellen. Beachten Sie, dass das JQuery -Skript vor dem JS -Plugin von Bootstrap platziert werden muss.
<script src = "~/bootstrap-3.2.0-dist/js/jQuery.min.js"> </script> <script src = "~/bootstrap-3.2.0-dist/js/bootstrap.min.js"> </script>
Das obige ist die vollständige Beschreibung des vom Editor eingeführten zweiten Bootstrap-Start-ups. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!