Quelle est la différence entre bootstrap.min.css et bootstrap.css?
Que dois-je utiliser entre bootstrap.min.css ou bootstrap.css?
Je suis confus entre les deux fichiers parce que bootstrap.css est lisible, c’est-à-dire que vous pouvez le faire défiler de haut en bas. Mais le bootstrap.min.css est difficile à modifier car vous ne pouvez le faire défiler que vers la gauche et la droite.
bootstrap.min.css a été minifiée. Cela signifie que tous les espaces et autres caractères supplémentaires ont été supprimés. Cela est généralement fait pour une utilisation en production, afin de réduire la taille du fichier. Lors du développement, il est généralement utile d’utiliser la version non modifiée, car, comme vous l’avez dit, elle est lisible.
EDIT: Comme DrBeza l’a mentionné dans un commentaire, si vous souhaitez modifier le fichier bootstrap.css, il est préférable de créer un fichier .css séparé et d’ajouter vos propres règles CSS qui remplacent les valeurs par défaut. Ainsi, si vous mettez à jour une version plus récente de bootstrap, vous pouvez simplement échanger les fichiers d’initialisation, au lieu d’avoir besoin de modifier le nouveau bootstrap.css pour y transférer vos modifications.
Ils ont exactement la même fonction, mais la version .min.css a été minified , ce qui signifie que tous les espaces ont été supprimés pour réduire la taille du fichier et augmenter la vitesse.
Le .css normal convient mieux au développement si vous souhaitez modifier et lire le contenu, mais si vous n'allez certainement pas modifier le fichier, utilisez le .min.css pour obtenir de meilleures performances.
L'espacement est la principale diversité entre bootstrap.min.css et bootstrap.css. Dans le fichier bootstrap.min.css, tous les espaces blancs ont été supprimés. Dans le fichier bootstrap.css, les espaces blancs sont présents. Donc, évidemment, la taille du fichier sera plus grande que celle de bootstrap.min.css. Pour cette raison, en tant que développeur, nous devrions utiliser bootstrap.min.css.
Le Gist est le suivant: Utilisez bootstrap.css lors du développement, puis bootstrap.min.css lorsque vous avez terminé (c.-à-d. Modifiez toutes les instances de votre code qui pointent vers bootstrap.css vers bootstrap.min.css) pour un chargement plus rapide et une meilleure expérience utilisateur pour l'utilisateur final.