css - 当我包含 bootstrap.css 时,为什么我的浏览器会从不存在的 .less 文件中导入 css 规则

标签 css twitter-bootstrap less

我唯一包含的是

<link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">

在chrome开发工具>styles中查看网页时,文件中包含了很多css规则

bootstrap/css/less/mixins/vendor-prefixes.less
bootstrap/css/less/normalize.less
bootstrap/css/less/scaffolding.less

但是我的文件系统中没有这样的文件,我无法在 bootstrap.css 中找到这些文件名。

最佳答案

开发人员工具可能正在通过 Bootstrap 读取 CSS 映射。

1) 您可以从您的资源中删除此 map bootstrap.css.map

2) 您可以在工具中禁用它,Settings -> Sources -> Enable CSS source maps

Here is an introduction guide to source maps .

关于css - 当我包含 bootstrap.css 时,为什么我的浏览器会从不存在的 .less 文件中导入 css 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34632392/

相关文章:

html - 为什么 hr 和 img 标签周围有空白?

html - 无法通过将鼠标悬停在另一个 div 上来更改 div 样式

javascript - 根据用户从下拉列表中的选择显示多个文本框

css - 将开发 CSS 中的导入合并到 1 个文件中以进行生产

jquery - 导航下拉菜单 - 悬停并单击

html - 鼠标悬停在整个页面上的问题

twitter-bootstrap - Bootstrap 从左到右浮动 div

html - div 大小不等于顶部和底部

css - 如何将我的 LESS 文件与默认的 bootstrap less 文件结合起来

jquery - 页面加载后如何停止 JQuery 加载程序?