1

我在引导程序中使用较少，但由于某些原因，我在“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。文件权限和目录也可以（我可以使用浏览器访问所有内容）。

希望能得到一些帮助。

提前致谢。

4

1 回答 1

2

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

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

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

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

希望这可以帮助某人...

于 2013-05-04T11:16:14.653 回答