Bootstrap 3.1中使用的.map文件是什么？
有两个文件包含在带有.map文件扩展名的CSS文件夹中。 他们是：
bootstrap-theme.css.map bootstrap.css.map
他们似乎是缩小的文件，但我不知道他们是什么。
在Chrome DevTools中使用CSS预处理器 ：
许多开发人员使用CSS预处理器（如Sass，Less或Stylus）生成CSS样式表。 由于生成了CSS文件，因此直接编辑CSS文件不太有用。
对于支持CSS源地图的预处理器，DevTools允许您在“源”面板中实时编辑预处理器源文件，并查看结果，而无需离开DevTools或刷新页面。 当您检查其样式由生成的CSS文件提供的元素时，“元素”面板将显示指向原始源文件的链接，而不是生成的.css文件。
如果你只是想摆脱这个错误，你也可以在bootstrap.css删除这一行：
/*# sourceMappingURL=bootstrap.css.map */
这些是源地图。 提供这些压缩的源文件; 诸如Firefox和Chrome中的开发人员工具将使用它们来允许debugging，就好像代码没有被压缩一样。
引导CSS可以由Less生成。 map文件的主要用途是用来将css源代码链接到chrome开发工具中较less的源代码。 正如我们以前所做的那样。如果我们检查chrome开发工具中的元素。 你可以看到css的源代码。 但是，如果在包含bootstrap css文件的页面中包含映射文件。 您可以看到适用于您要检查的元素样式的较less的代码。
你有没有发现自己希望你可以保持你的客户端代码可读性，更重要的是可debugging，即使你合并和缩小它，而不影响性能？ 那么现在你可以通过源地图的魔力。
本文使用实用的方法解释了Source Maps。
对于任何来这里寻找这些文件的人（像我一样），通常可以通过在URL的末尾添加.map来find它们。
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
一定要用你正在使用的任何版本的Bootstrapreplace版本。
