bootstrap less 不反映变化答案

【问题标题】：bootstrap less not reflecting changesbootstrap less 不反映变化
【发布时间】：2014-04-16 13:23:38
【问题描述】：

我在引导程序中使用 less，但由于某些原因，我在“variables.less”中所做的更改并未反映在生成的 css 中。

以下是代码示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Yazeba - A simple property search engine.</title>
<link rel="stylesheet/less" type="text/css" href="template/less/bootstrap.less" />
<script type="text/javascript" src="template/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="template/js/bootstrap.min.js"></script>
<script type="text/javascript" src="template/less-lib/less-1.3.3.min.js"></script>
</head>
<body>
<a href="#">Change font color of this using variables.less</a>
</body>
</html>

我已经检查并且所有文件都已正确加载，并且 bootstrap.less 在<style>..</style> 标签中正确呈现，但对 variables.css 所做的更改未在此处重新定义..

另外，我没有任何与更改冲突的 css。文件权限和目录也可以（我可以使用浏览器访问所有内容）。

不胜感激。

提前致谢。

【问题讨论】：

你是如何编译你的less文件的？您是否尝试过重新编译 bootstrap.less 而不是 variables.less？
@BrettPostin 我没有使用lessc 命令在服务器端编译less，而是使用less.js 编译less 文件并在客户端以内联样式标签加载生成的css。因为我有很多改变，所以我更喜欢这种方法。完成所有更改后，我将使用 lessc 命令在服务器上编译它。希望你指的是这个。

标签： css twitter-bootstrap less

【解决方案1】：

我发现出了什么问题......

bootstrap.less 被我的浏览器缓存，对于每个请求而不是编译一个新副本，我的浏览器正在使用缓存的副本，因此没有反映新的更改...

为了解决这个问题，我像这样调用了我的 css 并且它起作用了。

<link rel="stylesheet/less" type="text/css" href="template/less/bootstrap.less<?php echo '?ver='.microtime(); ?>" />

希望这对某人有所帮助...

【讨论】：