少见& Twitter Bootstrap不好玩

时间:2013-01-10 21:11:21

标签: css twitter-bootstrap less

所以我正在开发一个非常庞大的WordPress网站,我正在使用320press Twitter Bootstrap主题,我正在使用LESS CSS。

要了解的一般信息:

  • WordPress 3.5
  • Bootstrap 2.0
  • LESS 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文件后加载了脚本。事情应该开始正确吗?不,所以我玩了很多,无法弄清楚。

enter image description here&lt; - LESS不工作时的读者文字

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

enter image description here

enter image description here&lt; - 它应该是这样的(“读者”一词)

Woohoo,胜利舞蹈。

没那么快......

当我将浏览器缩小到979像素或以下时,导航下面存在巨大差距。

This gap shouldn't exist

这个差距应该更像这样:

enter image description here

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

enter image description here

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

enter image description here

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

有什么想法吗?当然,这是一个仅限内部网络的开发环境,因此我无法与您共享URL,但我已经在一些屏幕截图中显示了我正在谈论的内容。

请帮帮我!为了找到这个问题,我的大脑正在炒作。

感谢。

1 个答案:

答案 0 :(得分:0)

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

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

再次感谢你。