使用bootstrap mixins无法嵌套

Question

我目前正在搞乱Bootstrap和LESS，并尝试执行以下操作：

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不应该像那样工作，所以任何帮助都非常感激。提前谢谢。

Answer 1

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

正在运行，所以问题来自你的选择器或两个选择器之间的东西。查看.jumbotron;并对其进行编辑，以便解决冲突。