CSS文件夹中包含两个文件，其中包含.map文件扩展名。他们是：
bootstrap-theme.css.map
bootstrap.css.map
它们似乎是缩小文件但我不知道它们的用途。
答案 0 :(得分：416)
来自Working with CSS preprocessors in Chrome DevTools：
许多开发人员使用CSS预处理器生成CSS样式表，例如Sass，Less或Stylus。由于生成了CSS文件，因此直接编辑CSS文件没有用处。
对于支持CSS源映射的预处理器，DevTools允许您在“源”面板中实时编辑预处理器源文件，并查看结果，而无需离开DevTools或刷新页面。当您检查其样式由生成的CSS文件提供的元素时，“元素”面板将显示指向原始源文件的链接，而不是生成的.css文件。
答案 1 :(得分：163)
如果你只是想摆脱这个错误，你也可以在bootstrap.css中删除这一行：
/*# sourceMappingURL=bootstrap.css.map */
答案 2 :(得分：66)
这些是源地图。提供这些压缩源文件;诸如Firefox和Chrome中的开发人员工具将使用它们来进行调试，就像代码未被压缩一样。
答案 3 :(得分：9)
可以通过Less生成bootstrap css。 map文件的主要用途是将css源代码链接到chrome dev工具中较少的源代码。 正如我们以前那样。如果我们检查chrome dev工具中的元素。你可以看到css的源代码。 但是如果在包含bootstrap css文件的页面中包含映射文件。您可以看到适用于您要检查的元素样式的代码较少。
答案 4 :(得分：8)
您是否曾经发现自己希望您可以保持客户端代码的可读性，更重要的是可调试性，即使您已经合并并缩小它，而不会影响性能？那么现在你可以通过源地图的魔力。
This article使用实用的方法解释了源地图。
答案 5 :(得分：5)
对于那些来这里寻找这些文件的人（像我一样），您通常可以通过在网址末尾添加text = '<p><b>Name and LastName</b><br />
Work Title<br /><span class="text-spacer"></span>
</p>'
my_text = re.sub(r'</b><br />', ' - ', text)
来找到它们：
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
请务必使用您正在使用的任何版本的Bootstrap替换该版本。
答案 6 :(得分：3)
可以使用地图文件（源地图）取消对缩略代码（css和javascript）的引用。
它们主要用于帮助开发人员调试生产环境，因为开发人员通常将缩小的文件用于生产，因此无法进行调试。映射文件可帮助他们取消引用代码以查看原始文件的外观。
答案 7 :(得分：2)
什么是CSS映射文件？
这是一个JSON格式的文件，将CSS文件链接到其源文件，通常是用Less，Saas，Sylus等预写文件编写的文件，目的是对Web浏览器中的源文件进行实时调试。
什么是CSS预处理程序？例如：Saas，Less，手写笔
这是一个CSS生成器工具，它使用编程功能来稳定，快速地生成CSS。
答案 8 :(得分：0)
如果您想知道为什么使用Bootstrap 3.x缺少映射文件；确保您安装了正确的版本。我必须加载3.3.7才能获得想要的效果。