Question

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

希望得到一些帮助。

提前致谢。

Answer 1

我弄清楚出了什么问题......

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

为了解决这个问题，我已经调用了这样的CSS，并且有效。

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

希望这有助于某人...

bootstrap less不反映变化

1 个答案: