quels sont les .carte de fichiers dans le Bootstrap 3.1?

Question

Il y a deux fichiers inclus dans le dossier CSS .carte des extensions de fichier. Ils sont les suivants:

bootstrap-theme.css.map
bootstrap.css.map

Ils semblent être minimisé les fichiers mais je ne sais pas ce qu'ils sont pour.

Answer 1

De Travail avec les préprocesseurs CSS dans Chrome DevTools:

De nombreux développeurs de générer des feuilles de style CSS à l'aide d'un préprocesseur CSS, comme Sass, Less, ou d'un Stylet. Parce que les fichiers CSS sont générés, de modifier le CSS directement des fichiers n'est pas aussi utile.

Pour les préprocesseurs que le soutien de la source CSS cartes, DevTools vous permet de vivre modifier votre préprocesseur source de fichiers dans le panneau des Sources, et d'afficher les résultats sans avoir à quitter DevTools ou à l'actualisation de la page. Lorsque vous examinez un élément dont les styles sont fournis par un fichier CSS, les Éléments de configuration affiche un lien vers le fichier source d'origine, pas générés .fichier css.

Answer 2

Si vous voulez juste pour se débarrasser de l'erreur, vous pouvez également supprimer cette ligne dans bootstrap.css:

/*# sourceMappingURL=bootstrap.css.map */

Answer 3

Ce sont source de cartes. Fournir à ces côtés compressé les fichiers source; les outils de développement tels que ceux dans les navigateurs Firefox et Chrome va les utiliser pour permettre le débogage comme si le code n'a pas été compressé.

Answer 4

Le bootstrap css peuvent être générés en Moins. Le but principal de fichier de la carte est utilisée pour lier le code source css à moins de code source dans le chrome dev outil. Comme nous avons l'habitude de faire .Si nous inspecter l'élément dans le chrome dev outil. vous pouvez voir le code source de css. Mais si le fichier de la carte dans la page avec bootstrap fichier css. vous pouvez voir le moins de code, qui s'appliquent à l'élément de style que vous souhaitez inspecter.