這是LESS的正確實施嗎？

好了，所以我試圖用少讓一個叫bootstrap.min.css只適用於我的代碼的一部分CSS。因爲當我將它應用到全球時，它與我的造型緊密相關。

當前實現

在頭文件中定義我的.LESS Boot.less
的

<head> 

    <link href="Boot.less" rel="stylesheet/less" type="text/css"> 

</head>

內容

#bootbox 
{ 
@import (css) "bootstrap.min.css"; 
}

身體

<div id="bootbox"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> 
<script src="bootstrap.min.js"></script> 
<script src="bootbox.min.js"></script> 
<script src="less-1.7.0.min.js" type="text/javascript"></script> 
<script> 

$('#form1').submit(function(e) { 
     var currentForm = this; 
     e.preventDefault(); 
     bootbox.confirm("Are you sure?", function(result) { 
      if (result) { 
       currentForm.submit(); 
      } 
     }); 
    }); 

</script> 



    </div>

這種用法怎麼過的bootstrap.min.css並不適用於在div id爲「bootbox」的一切。

我做錯了什麼，或者我對整件事情有錯誤的看法？

來源

2014-03-07 Dan Cundy

看看正在使用F12工具在網頁上生成的CSS ...

如果你要導入的文件.LESS你可以把CSS文件一樣都不能少

#bootbox 
{ 
@import (less) "bootstrap.min.css"; 
}

，它還會在LESS編譯期間爲您提供期望的結果。

#bootbox 
{ 
@import "bootstrap.less"; 
}

來源

2014-03-07 13:34:03 felickz

非常感謝你，把CSS看作更少的伎倆！現在一直在掙扎幾個小時。 –

@DanCundy CSS是LESS;）語言超集。 – felickz

這是LESS的正確實施嗎？

回答

相關問題