Aus dem Kurs: Bootstrap 5 Grundkurs
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Nur das Notwendige laden – Tutorial zu Bootstrap
Aus dem Kurs: Bootstrap 5 Grundkurs
Nur das Notwendige laden
Bootstrap beinhaltet sehr viele Komponenten. Bei einem echten Projekt werden Sie meist nicht alle Komponenten brauchen, und dann ist es gut, wenn Sie dafür sorgen, dass Sie nicht Code in Ihrer CSS- oder JavaScript-Datei haben, den Sie überhaupt nicht benötigen, weil Sie eben die Komponente gar nicht verwenden. Wie funktioniert das? Wenn Sie Sass benutzen, dann verwenden Sie auch die bootstrap.scss-Datei, und dort stehen mehrere Importe, und darüber werden einzelne Teile importiert. Und hier können Sie nun das auskommentieren, was Sie nicht brauchen, indem Sie vor dem entsprechenden Import einen doppelten Slash schreiben oder Sie können natürlich auch die Zeile herauslöschen. Und wenn Sie danach dann Ihren CSS-Code erzeugen, so ist der Code für diese Komponenten eben nicht mehr dabei, und das sorgt dafür, dass die Dateien kleiner werden und damit natürlich das Ganze auch performanter. Das sollten Sie übrigens auch bei JavaScript machen, allerdings funktioniert das nur, wenn Sie einen…
Inhalt
-
-
-
-
-
-
-
(Gesperrt)
Eigenen CSS-Code definieren1 Min. 25 Sek.
-
(Gesperrt)
Sass und Autoprefixer2 Min. 44 Sek.
-
(Gesperrt)
Vorbereitung für die Anpassung1 Min. 48 Sek.
-
(Gesperrt)
Variablen ändern3 Min. 33 Sek.
-
(Gesperrt)
Challenge – ein eigenes Stylesheet1 Min. 28 Sek.
-
(Gesperrt)
Solution – ein eigenes Stylesheet2 Min. 57 Sek.
-
(Gesperrt)
Bootstrap über Custom Properties anpassen4 Min. 38 Sek.
-
(Gesperrt)
Nur das Notwendige laden1 Min. 30 Sek.
-
(Gesperrt)