-1

所以我正在开发一个非常强大的 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 文件后加载了脚本。事情应该开始发生正确吗?不,所以我玩了很多,但无法弄清楚。

在此处输入图像描述<-- LESS 不工作时的阅读器文本

然后我在 GIT 上找到了常规的“less-1.3.3.js”文件并下载了它。BOOM 一切正常。

在此处输入图像描述

在此处输入图像描述<-- 这就是它应该看起来的样子(“读者”这个词)

哇哦,胜利之舞。

没那么快……

当我将浏览器缩小到 979 像素或更低时,导航下方会出现巨大的间隙。

这个差距不应该存在

这个差距应该更像这样:

在此处输入图像描述

好的,也许我搞砸了一些 CSS……经过大约 4 小时的调查后,我注意到编译的 Bootstrap.css 文件显示了两次。曾经作为链接样式表:

在此处输入图像描述

然后再次作为嵌入式样式表。

在此处输入图像描述

在 Firefox 中使用 Web Developer Extension 我删除了所有嵌入的样式,一切看起来都很棒。但我无法弄清楚除了 javascript 之外,是什么将其转储到网站头部。这会发生在每个人身上吗?

有任何想法吗?当然,这是一个仅限内部网络的开发环境,所以我无法与您分享 URL,但我已经提供了一些屏幕截图来显示我在说什么。

请帮帮我!我的大脑正在试图找到这个问题。

谢谢。

4

1 回答 1

0

感谢 Scott Simpson 的指导。我到处找,但functions.php文件是我的第一个问题。

我在 funcitons.php 文件中注释掉了 responsive.css 并修复了它。我知道这将是一件愚蠢的事情。

再次感谢你。

于 2013-01-11T14:01:25.020 回答