Was ist der Unterschied zwischen bootstrap.min.css und bootstrap.css?
Was sollte ich zwischen bootstrap.min.css oder bootstrap.css verwenden?
Ich bin zwischen den beiden Dateien verwirrt, da bootstrap.css lesbar ist, d. Der bootstrap.min.css ist jedoch schwer zu bearbeiten, da Sie nur nach links und rechts scrollen können.
bootstrap.min.css wurde minimiert. Dies bedeutet, dass alle Leerzeichen und andere zusätzliche Zeichen entfernt wurden. Dies wird normalerweise für die Verwendung in der Produktion durchgeführt, um die Größe der Datei zu reduzieren. Bei der Entwicklung ist es in der Regel hilfreich, die unbegrenzte Version zu verwenden, da sie, wie Sie sagten, lesbar ist.
BEARBEITEN: Wie von DrBeza in einem Kommentar erwähnt, ist es viel besser, wenn Sie die bootstrap.css-Datei ändern möchten, eine eigene .css-Datei zu erstellen und eigene CSS-Regeln hinzuzufügen, die die Standardeinstellungen überschreiben. Auf diese Weise können Sie beim Aktualisieren auf eine neuere Version von Bootstrap die Bootstrap-Dateien einfach austauschen, anstatt den neuen bootstrap.css bearbeiten zu müssen, um Ihre Änderungen darauf zu verschieben.
Sie haben genau dieselbe Funktion, aber die .min.css-Version wurde minified , was bedeutet, dass alle Leerzeichen entfernt wurden, um die Dateigröße zu reduzieren und die Geschwindigkeit zu erhöhen.
Der normale .css ist besser für die Entwicklung, wenn Sie den Inhalt bearbeiten und herumspielen möchten. Wenn Sie die Datei jedoch definitiv nicht ändern möchten, verwenden Sie .min.css für eine etwas bessere Leistung.
Die Hauptunterschiede zwischen bootstrap.min.css und bootstrap.css sind die Abstände. In der Datei "bootstrap.min.css" wurden alle Leerzeichen entfernt, wobei in der Datei "bootstrap.css" Leerzeichen vorhanden sind. Daher ist die Dateigröße offensichtlich größer als bei bootstrap.min.css. Aus diesem Grund sollten Wir als Entwickler bootstrap.min.css verwenden.
Die Gist lautet: Verwenden Sie bootstrap.css zum Entwickeln und bootstrap.min.css, wenn Sie mit der Entwicklung fertig sind (dh: ändern Sie alle Instanzen in Ihrem Code, die auf bootstrap.css verweisen, in bootstrap.min.css.) für schnelleres Laden und bessere UX für den Endbenutzer.