twitter引導版本3.0 rc1 NameError：.make列未定義

Question

我正在使用twitter引導v 3.0 RC1和我安裝節點和npm編譯少到CSS當我保存較少的文件。

我將bootstrap.css文件包含到我的html頭文件中，當我保存bootstrap.less時，它將它編譯爲像您期望的那樣的css。

我在相同的bootstrap/less目錄下創建了另一個.less文件（theme.less），其中bootstrap.less與所有導入位置在一起，認爲它也會包含這些樣式，但它會一直給我以下錯誤我試圖編譯theme.less文件：

NameError: .make-column is undefined in /path/to/assets/bootstrap/less/theme.less 

/* ------- Theme styling ------- */ 
.content-body { 
    .make-column(10); 
} 

我認爲它是不確定的，因爲theme.less沒有一個線索。使列混入的是，我是新來這個，所以我想圖如何正確地做到這一點，謝謝

Answer 1

您的代碼工程（在Linux上）

1. 創建theme.less如上
2. 末bootstrap.less
3. 通過在較少的文件夾

結果運行在你的引導文件夾grunt dist或​​編譯添加@import "theme.less";， bootstrap.css的最後一行包含：

/* ------- Theme styling ------- */ 

.content-body { 
    position: relative; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px; 
} 

@media (min-width: 768px) { 
    .content-body { 
    float: left; 
    width: 83.33333333333334%; 
    } 

另見：Twitter's Bootstrap 3.x semantic mobile grid