2013-11-15 59 views
0

我終於決定要學習LESS了,到目前爲止我非常喜歡它。我正在使用Bootstrap 3,並且在我的LESS文檔中創建容器和行時遇到了一些麻煩。我對LESS和Bootstrap有點麻煩3

一個簡單的HTML例子:

<header> 
    <article>...</article> 
    <aside>...</aside> 
</header> 

我LESS是:

header 
    .container-fixed(); 
    .make-row(); 
    article { 
    .make-md-column(6); 
    } 
    aside { 
    .make-md-column(6); 
    } 
header 

我讓我的頭容器的外面,因爲我喜歡的背景舒展寬100% 。我不斷收到一個錯誤,指出「ParseError:第2行第26列的未識別輸入」,它指向.container-fixed();和.make-row();.

我不是這種東西的專家,但我敢肯定有超級簡單的東西我只是不理解。幫幫我!

回答

1

您需要環繞header

header { 
    .container-fixed(); 
    .make-row(); 
     article { 
      .make-md-column(6); 
     } 
     aside { 
      .make-md-column(6); 
     } 
} 
+0

好大括號,我的代碼看起來就像這樣和容器仍是跨越我的網頁的整個寬度。有什麼地方需要定義我失蹤的變量嗎?當我在HTML中添加一個.container時,它工作正常。這有點令人沮喪,因爲我知道答案非常簡單。它只是沒有點擊... – user2997449

+0

只要你將'bootstrap.less'導入到你創建的LESS文件中就可以工作。 – Stigma

+0

我爲我的無知道歉,但在這裏裸露。我在WinLESS中有我的工作文件夾,只有bootstrap.less打勾。我還創建了一個style.less文件,並將'@import「style.less」;'添加到了我的bootstrap.less文件中。我對上面發佈的示例代碼所做的任何更改(例如更改列寬)都可以正常工作。一切正常,但.container-fixed();類。 – user2997449