Home / Questions / 161022
Accepted
Jheyman Mejia
Asked: 2020-05-03 12:08:40 +0800 CST 2020-05-03 12:08:40 +0800 CST

如何修改引导 css.map？

  • 772

再会，

我正在处理从 bootstrab 下载的模板。我需要将一个 div 居中，问题是在应用margin-left: auto; margin-right: auto;主样式表（样式.css）中的行时，执行我的index.html时不会反映更改

我已经检查了Chrome DevTools，我意识到margin-必须将这些行添加到样式.css.map文件中

我已经在.css.map中找到了 DIV 的 css 设置，但我不知道如何粘贴它们。

这就是 DIV 最初出现在.css中的方式：

.mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
   
  }

然后我添加了margin：（他们没有工作）

.mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-left: auto;
    margin-right: auto;
  }

这些是 DIV 最初在.css.map中附带的样式

.mb-lg-0,\n  .my-lg-0 {\n    margin-bottom: 0 !important;\n  }

我从未使用过 .css.map 文件

我试过这样做（想象一下\n是跳跃），!important;但它没有用：c

{\n margin-left: auto;\n  margin-right: auto; \n }

我应该如何修改.css.map表？

css

2 Answers

  1. Best Answer

    这些文件.map不用于编辑或编写 CSS。谷歌是这样说的：将预处理代码映射到源代码。

    许多开发人员使用 CSS 预处理器生成 CSS 样式表，例如 Sass、Less 或 Stylus。由于生成了 CSS 文件，因此直接编辑 CSS 文件并没有太大帮助。

    对于支持 CSS 源映射的预处理器，DevTools 允许您在 Sources 面板中实时编辑预处理器源文件，并查看结果，而无需离开 DevTools 或刷新页面。当您检查其样式由生成的 CSS 文件提供的元素时，“元素”面板会显示指向原始源文件的链接，而不是生成的 .css 文件。

    .map您也可以直接删除样式表中调用文件的行。

    在这种情况下，这可能是您应该删除的行： 

    /*# sourceMappingURL=style.css.map */
    • 2

  2. 如果您不打算编辑源文件，则该地图对您毫无用处。你不应该做的是直接修改引导类，它不是设计成这样工作的，很可能你在网络的另一部分加载了其他东西，或者它在一定大小下不适合你，或者它不再适合你 您必须在 BS 内部寻找解决方案。或者至少创建一个新类以尽可能少地干扰，输入：

    my-center{
margin-left: auto !important;
margin-right:auto !important;
}
    • 2