html - 我在使用 LESS 和 Bootstrap 3 时遇到了一些麻烦

Question

我终于决定要学习 LESS，到目前为止我非常喜欢它。我正在使用 Bootstrap 3，在我的 LESS 文档中创建容器和行时遇到了一些麻烦。

一个简单的 HTML 示例:

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

我的 LESS 是:

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

我将页眉保留在容器之外，因为我希望背景拉伸(stretch) 100% 宽。我不断收到一条错误消息，提示“ParseError:第 2 行第 26 列无法识别的输入”，它指向 .container-fixed();和.make-row();.

我不是这方面的高手，但我确信有一些非常简单的东西我只是不理解。帮助!

Answer 1

你需要用花括号将 header 括起来

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