Bootstrap css文件添加较少的文件

Question

我正在创建一个基于AdminLTE（v 2.3.0）的站点，这是一个使用bootstrap（v 3.3.5）的开源控制面板模板。

当我在Google Chrome（v 48.0.2564.97 m）中加载页面并在源代码中使用开发人员工具（F12）时，我注意到我的内容文件夹中有一个名为less的子文件夹。

就像：

Content/
 ├──less/
 |   ├──...
 |   ├──table.less
 |   └──...

"..."表示其他文件 但这是交易：我的服务器中没有任何这些文件而且这个table.less对我产生了问题。

所以我做了一个测试。我一个接一个地删除了我引用的js和css文件 我发现当我添加bootstrap.css文件时，会显示包含所有文件的文件夹。

现在我的问题是：

• 为什么会这样？
• 我该如何避免呢？
• 如果我不能怎样才能使我的css文件优先于文件较少？

PS： 我问第三个问题，因为通常最后一个要添加的css文件在某些​​属性重载时具有优先级。但在我的情况下，我的最后一个文件是site.css，这个文件有表的定义，但是当我打开页面时，table.less的属性优先于我的文件，这给我带来了问题。

Answer 1

你可能在bootstrap css文件旁边有一个名为bootstrap.min.css.map或bootstrap.css.map的文件。它的功能是在浏览器的开发人员工具部分中为来自css文件的每个指令引用原始源文件和行号。如果它不在那里，你总会在每个css指令旁边看到bootstrap.css第1行，这不会提供很多信息，这样你就可以看到生成css的实际源结构。这都是虚拟的，没有的文件就越少。