2013-05-04 2 views
1

Я использую меньше с бутстрапом, но по некоторым причинам изменения, которые я делаю в своих «variables.less», не отражаются в сгенерированном css.bootstrap less not reflecting changes

Ниже приведен пример кода:

<!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 не являются reflated here ..

Также у меня нет css, который конфликтует с изменениями. Разрешения и каталоги файлов также в порядке (я могу получить доступ ко всем, используя браузер).

Поблагодарили бы за помощь.

Заранее спасибо.

+0

Как вы компилируете меньше файлов? Вы пытались перекомпилировать bootstrap.less вместо переменных.less? –

+1

@BrettPostin Я не компилирую меньше на стороне сервера, используя команду lessc, вместо этого я использую less.js, который соответствует меньшему количеству файлов и загружает созданный css в теги встроенного стиля на стороне клиента. Поскольку у меня есть оценка изменений, я предпочитаю этот метод. После внесения всех изменений я скомпилирую его на сервере с помощью команды lessc. Надеюсь, что вы ссылаетесь на это. –

ответ

2

я понял, что был неправ ....

bootstrap.less кэшировалась моим браузером и для каждого запроса, а затем составителя свежую копию, мой браузер использовал сохраненную копию и, следовательно, не отражая новые изменения ...

Чтобы решить эту проблему, я назвал свой css таким, и это сработало.

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

Надеется, что это помогает кто-то ...