Chrome开发工具。在bootstrap.css文件中找不到类，并显示在grid.less虚拟文件中

要正确替换属性，必须正确理解原点并执行替代

我的结果显示，在“Chrome开发者工具，Ctrl+Shift+I”类中，bootstrap.css文件中找不到container。它不显示实际来源。为什么？我怎么修理

它显示存储在grid.less文件中的数据。为什么是那个文件？请求文件夹名称中不存在的文件。 实际上，在引导中找不到@include请求

演示搜索类：

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

结果:

减：10

在。。。css/bootstrap-3.3.7-dist/css/less/mixins/grid.less

.container-fixed(@gutter: @grid-gutter-width) {
  margin-right: auto;
  margin-left: auto;
  padding-left:  floor((@gutter / 2));
  padding-right: ceil((@gutter / 2));    // line 10 on grid.less
  &:extend(.clearfix all);
}

---

Chrome开发者工具可能正在阅读Bootstrap提供的CSS地图

您可以从资源中删除

bootstrap.css.map

，或者在Chrome开发者工具设置

Preferences->Sources->Enable css Source Maps

之后，CSS应该被Chrome开发者工具按原样读取

在这里，你可以阅读更多关于它们的内容以及它们是如何使用的