【问题标题】:LESS & Twitter Bootstrap Not Playing NiceLESS 和 Twitter Bootstrap 效果不佳
【发布时间】: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


【解决方案1】:

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

我在 funcitons.php 文件中注释掉了 responsive.css 并修复了它。我知道这会很愚蠢。

再次感谢您。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-25
    • 1970-01-01
    • 2014-09-01
    • 1970-01-01
    相关资源
    最近更新 更多