因此,我正在開發一個非常棒的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文件。事情應該開始發生正確的?不,所以我玩了很多東西,想不起來。
< - 讀者的文字少的時候不工作
然後我發現GIT常規「不太1.3.3.js」文件並下載它。 BOOM一切正常。
< - 這是它應該如何看(單詞 「讀者」)
哇噢,勝利的舞蹈。
沒有這麼快....
當我縮小我的瀏覽器到979px或下存在的導航下一個巨大的差距。
這種差距應該更是這樣的:
好吧,也許我搞砸了一些CSS ...大約4個小時的調查後,我注意到,Bootstrap.css被編譯的文件顯示兩次。一旦作爲鏈接的樣式表:
,然後再作爲嵌入式樣式表。
使用在Firefox我刪除所有的嵌入式風格,一切看起來不錯Web開發擴展。但我無法弄清楚什麼是傾倒的東西,而不是JavaScript的東西。這是否發生在每個人身上?
任何想法?當然,這是一個僅限內部網絡的開發環境,所以我不能與你分享一個URL,但我已經投入了一些截圖來展示我在說什麼。
請幫幫我!我的大腦正在試圖找到這個問題。
謝謝。
檢查你的functions.php文件 –