LESS進口參考不添加@media或調用grid mixins

Question

最近我發現參考進口選項（http://lesscss.org/features/#import-options）。

所以我開始重構我現有較少的文件以消除重複並利用參考選項。在我的文件少，我混合引導3我混入之一：

@import (reference) "../../../../less/variables.less"; 
@import (reference) "../../../../less/vendor/bootstrap/variables.less"; 
@import (reference) "../../../../less/vendor/bootstrap/mixins.less"; 
@import (reference) "../../../../less/vendor/bootstrap/grid.less"; 

.horizontal-submit-container { 
    .make-sm-column(6); 
    .make-sm-column-offset(6); 
} 

參考標誌編譯後這是我從得到水平提交容器混入：

.horizontal-submit-container { 
    position: relative; 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
} 

而這個CSS是不完整的 - 它缺少一些@media行。然而，當我刪除參照標誌我得到正確的：

.horizontal-submit-container { 
    position: relative; 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
} 
@media (min-width: 768px) { 
    .horizontal-submit-container { 
    float: left; 
    width: 50%; 
    } 
} 
@media (min-width: 768px) { 
    .horizontal-submit-container { 
    margin-left: 50%; 
    } 
} 

Answer 1

直到bug is fixed，你可以試試這個（參考模式我還沒有實際測試過這一點）：

.horizontal-submit-container { 
    .make-sm-column; // copy the mixins themselves into it, then call them... 
    .make-sm-column(6); 
    .make-sm-column-offset(6); 
} 

它實際上應該讓本地將其中的@media混入的副本，然後當你給他們打電話時，它正在使用該副本。也許這會導致查詢正確生成。