自举混入不工作

我目前瞎搞与引导少，少嵌套试图做到以下几点：自举混入不工作

LESS：

.class1 { 
    .jumbotron; 
    div { 
    .container(); 
    color: white; 
    } 
}

HTML（只是一部分，当然事项）：

<div class="class1"> 
    <div> 
    <h1>Heading</h1> 
    <p>Some text</p> 
    </div> 
</div>

但.container（）mixin在嵌套时拒绝工作。请注意，文本颜色确实是白色的，这表明问题仅在Bootstrap mixins中出现。事实上，如果我这样做：

.class1 div { 
    .container(); 
    color: white; 
}

它的工作原理就像一个魅力。但我确定LESS不应该这样工作，所以任何帮助都非常感谢。提前致谢。

2017-03-17 Rafael

是“.jumbotron;”有效的LESS？我从来没有见过一个类名，后面跟着一个分号。 – Louhike

这是一个Bootstrap的东西。事实上，由于某种原因（我现在只学习LESS tbh），无论我使用（）;要不就 ;如果mixin没有要求参数 – Rafael

但是不是jumbotron只是一个类？这是上面的功能？ – Louhike

.class1 div { 
    .container(); 
    color: white; 
}

正在工作，所以问题来自您的选择器或两个选择器之间的东西。看看.jumbotron;并编辑它，这样你就可以解决冲突。

2017-03-17 14:14:49

最终这样做。我不知道为什么以图灵的名义，Twitter上的人做了像jumbotron.container {max-width：100％;}'这样的东西，但他们完全做到了。 – Rafael

很高兴帮助你:) –

回答