2013-01-10 75 views
-1

因此,我正在開發一個非常棒的WordPress網站,我使用的是320press Twitter Bootstrap主題,我正在使用LESS CSS。LESS&Twitter Bootstrap不好玩

一些一般性的信息瞭解:

  • 的WordPress 3.5
  • 引導2.0
  • LESS 1.3.3

一切都已經在WordPress的側好嗎工作時,引導端等等,但是......我有一段時間讓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 < - 讀者的文字少的時候不工作

然後我發現GIT常規「不太1.3.3.js」文件並下載它。 BOOM一切正常。

enter image description here

enter image description here < - 這是它應該如何看(單詞 「讀者」)

哇噢,勝利的舞蹈。

沒有這麼快....

當我縮小我的瀏覽器到979px或下存在的導航下一個巨大的差距。

This gap shouldn't exist

這種差距應該更是這樣的:

enter image description here

好吧,也許我搞砸了一些CSS ...大約4個小時的調查後,我注意到,Bootstrap.css被編譯的文件顯示兩次。一旦作爲鏈接的樣式表:

enter image description here

,然後再作爲嵌入式樣式表。

enter image description here

使用在Firefox我刪除所有的嵌入式風格,一切看起來不錯Web開發擴展。但我無法弄清楚什麼是傾倒的東西,而不是JavaScript的東西。這是否發生在每個人身上?

任何想法?當然,這是一個僅限內部網絡的開發環境,所以我不能與你分享一個URL,但我已經投入了一些截圖來展示我在說什麼。

請幫幫我!我的大腦正在試圖找到這個問題。

謝謝。

+2

檢查你的functions.php文件 –

回答

0

感謝斯科特辛普森在這裏的方向。我到處都在尋找,但函數.php文件是我的第一個問題。

我註釋掉了funcitons.php文件中的responsive.css,並修復了它。我知道這將是愚蠢的。

再次感謝您。

相關問題