所以我正在开发一个非常庞大的WordPress网站,我正在使用320press Twitter Bootstrap主题,我正在使用LESS CSS。
要了解的一般信息:
一切都在WordPress方面,Bootstrap方面等都正常工作。但是......我有一段时间让LESS无法正常工作。我从lesscss.org下载了less-1.3.3-min.js文件并将其放在相应的文件夹中。然后我在header.php文件中引用它。我知道所有事情都已正确链接,因为如果您在页面上查看源并单击less-1.3.3.js参考,它将完全加载。
以下是我的header.php文件中代码部分的内容
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/css/fonts.css">
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/css/custom.css">
<link rel="stylesheet/less" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/less/bootstrap.less">
<link rel="stylesheet/less" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/less/responsive.less">
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/less-1.3.3-min.js"></script>
按照LESS网站上的说明,我在加载CSS文件后加载了脚本。事情应该开始正确吗?不,所以我玩了很多,无法弄清楚。
&lt; - LESS不工作时的读者文字
然后我在GIT上找到了常规的“less-1.3.3.js”文件并下载了它。 BOOM一切顺利。
&lt; - 它应该是这样的(“读者”一词)
Woohoo,胜利舞蹈。
没那么快......
当我将浏览器缩小到979像素或以下时,导航下面存在巨大差距。
这个差距应该更像这样:
好吧,也许我弄乱了一些CSS ...经过大约4个小时的调查后,我注意到编译的Bootstrap.css文件显示了两次。一旦作为链接样式表:
然后再次作为嵌入式样式表。
在firefox中使用Web Developer Extension我删除了所有嵌入式样式,一切看起来都很棒。但我无法弄清楚除了javascript的东西之外,还有什么东西正在倾倒到网站头部。这会发生在每个人身上吗?
有什么想法吗?当然,这是一个仅限内部网络的开发环境,因此我无法与您共享URL,但我已经在一些屏幕截图中显示了我正在谈论的内容。
请帮帮我!为了找到这个问题,我的大脑正在炒作。
感谢。
答案 0 :(得分:0)
感谢Scott Simpson的指导。我到处寻找除了functions.php文件,这是我的第一个问题。
我在funcitons.php文件中注释了responsive.css并修复了它。我知道这会变得愚蠢。
再次感谢你。