Twitter bootstrap ASP.net:应用变量。减少更改

我对使用更少的文件非常陌生，我一直在尝试更改variables.less中某些常量的值

我已经尝试过许多解决方案，如所述或所述。 我很挣扎，因为即使我更改了variables.less文件，重新定义了我想要更改的常量，浏览器也会显示与前面的variables.less相同的输出，因为它根本没有更改

我用Web编译器重新编译了我修改的所有较少的文件。我还尝试使用“构建->重新编译解决方案中的所有文件”菜单项，但没有成功。我使用右键菜单项“Web编译器->编译文件”将该文件添加到compilerconfig.json中，并尝试直接从Task Runner Explorer运行编译器。在编译过程中，一切似乎都正常工作，但当我重新启动网站（我仍在使用IIS Express调试网站）时，更改不会应用

我试图改变的是常数：

    @table-cell-padding:            8px;
    @table-condensed-cell-padding:  5px;

这将引导表的样式更改为更紧凑的表。我成功地模拟了这个改变，直接使用Chrome浏览器检查器修改填充值。我成功地更改了style.css中的填充，布局中的填充现在在bootstrap.css之前定义：

    <link rel="stylesheet" href="~/css/style.css" />
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />

没有成功

使用Chrome进行调试我发现，无论我做什么，代码检查总是显示常量的先前值，即使这些常量在variables.less文件中也已更改

---

非常感谢您的建议。

我刚刚发现问题是另一个bootstrap.css文件（在\bootstrap\dist\css中）位于一个文件夹中，该文件夹隐藏了已编译的文件（在\bootstrap\less中）

我必须正确设置Web编译器生成的compilerconfig.json，以覆盖由_Layout.cshtml指向的bootstrap.css文件

因此，我建议为变量创建自定义less文件的操作如下：

• 在variables.less文件的相同或并行目录（例如：../shared）中创建自定义.less文件；在自定义less文件中添加对variables.less文件的引用和常量的新定义（例如：表格的单元格填充）

• 在variables.less之后立即在bootstrap.css文件中添加对custom.less文件的引用

  // Core variables and mixins
  @import "variables.less";
  @import "../shared/custom.less";
  @import "mixins.less";
  

• 使用web编译器编译修改后的less文件（如果没有，请从工具->扩展和更新安装）

• 检查bootstrap.css中的自定义值是否正确更改为在custom.less中设置的值
• 在compilerconfig.json中检查编译时创建的bootstrap.css文件是否与_Layout.cshtml中提到的相同；在这种情况下，修改json文件的outputFile以覆盖_Layout.cshtml文件中引用的bootstrap.css
• 重建并重新启动网站

  ---

我刚刚发现问题是另一个bootstrap.css文件（在\bootstrap\dist\css中）位于一个文件夹中，该文件夹隐藏了已编译的文件（在\bootstrap\less中）

我必须正确设置Web编译器生成的compilerconfig.json，以覆盖由_Layout.cshtml指向的bootstrap.css文件

因此，我建议为变量创建自定义less文件的操作如下：

• 在variables.less文件的相同或并行目录（例如：../shared）中创建自定义.less文件；在自定义less文件中添加对variables.less文件的引用和常量的新定义（例如：表格的单元格填充）

• 在variables.less之后立即在bootstrap.css文件中添加对custom.less文件的引用

  // Core variables and mixins
  @import "variables.less";
  @import "../shared/custom.less";
  @import "mixins.less";
  

• 使用web编译器编译修改后的less文件（如果没有，请从工具->扩展和更新安装）

• 检查bootstrap.css中的自定义值是否正确更改为在custom.less中设置的值
• 在compilerconfig.json中检查编译时创建的bootstrap.css文件是否与_Layout.cshtml中提到的相同；在这种情况下，修改json文件的outputFile以覆盖_Layout.cshtml文件中引用的bootstrap.css
• 重建并重新启动网站

  ---

仅导入和编译

变量。更少的
是不够的（如果您测试
自定义.less
结果，您将看到它是空的）。如果要覆盖那里的变量，则需要重新编译
bootstrap.css
本身（例如，通过将
bootstrap.less
导入
custom.less
）。。。（很明显，使用您生成的
custom.css
而不是原始的
bootstrap.css
）。谢谢您的seven-Phase-max。即使回复不是我想要的，您也启发了我解决问题的方法，打开我的眼睛检查bootstrap.css的内容。仅仅导入和编译
变量。更少的
是不够的（如果你测试你的
自定义.less
结果，你会看到它是空的）。如果要覆盖那里的变量，则需要重新编译
bootstrap.css
本身（例如，通过将
bootstrap.less
导入
custom.less
）。。。（很明显，用你的
custom.css
来代替原来的
bootstrap.css
）。谢谢你的seven-phases-max。即使回复不是我想要的，你也启发了我解决问题的方法，让我开始检查bootstrap.css的内容。
// Core variables and mixins
@import "variables.less";
@import "../shared/custom.less";
@import "mixins.less";