【发布时间】:2012-12-25 09:29:41
【问题描述】:
所以我正在开发一个非常强大的 WordPress 网站,我在其中使用 320press Twitter Bootstrap 主题并使用 LESS CSS。
需要了解的一般信息:
- WordPress 3.5
- 引导程序 2.0
- 少 1.3.3
在 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 文件后加载了脚本。事情应该开始发生正确吗?不,所以我玩了很多,但无法弄清楚。
然后我在 GIT 上找到了常规的“less-1.3.3.js”文件并下载了它。 BOOM 一切正常。
哇哦,胜利之舞。
没那么快……
当我将浏览器缩小到 979 像素或以下时,导航下方会出现巨大的间隙。
这个差距应该更像这样:
好吧,也许我搞砸了一些 CSS……经过大约 4 小时的调查后,我注意到编译的 Bootstrap.css 文件显示了两次。曾经作为链接样式表:
然后再次作为嵌入式样式表。
在 Firefox 中使用 Web Developer Extension,我删除了所有嵌入的样式,一切看起来都很棒。但我无法弄清楚除了 javascript.js 之外是什么将其转储到站点头部。这会发生在每个人身上吗?
有什么想法吗?当然,这是一个仅限内部网络的开发环境,因此我无法与您分享 URL,但我提供了一些屏幕截图来说明我在说什么。
请帮帮我!想找出这个问题,我的脑袋都炸了。
谢谢。
【问题讨论】:
-
检查你的functions.php文件
标签: css twitter-bootstrap less