css - Bootstrap Mixins - 不能使用 .panel-heading

Question

我正在尝试使用 .panel-heading 作为我正在使用 Bootstrap 框架工作编写的一些自定义 LESS 中的混​​合。

然而，并不是所有的 CSS 都被 mixin 引入。

在 Bootstrap 文件中，.panel-heading 有以下定义:

.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border;) {
  border-color: @border;
  & > .panel-heading {
    color: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border;
    + .panel-collapse .panel-body {
      border-top-color: @border;
    }
  }
  & > .panel-footer {
    + .panel-collapse .panel-body {
      border-bottom-color: @border;
    }
  }
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  .border-top-radius(@panel-border-radius - 1);
}

当我执行以下操作时:

.panel {
    .panel-default;

    header {
        .panel-heading;
    }
}

只有color、background-color 和border-color 被拉过。知道发生了什么事吗？

此处为 HTML:

<div class="panel">
    <header><h4><a>Header</a></h4></header>
    <div class="collapse in">
        <div>

        </div>
    </div>
</div>

Answer 1

.panel {
     &:extend(.panel-default all);

    header {
        &:extend(.panel-heading all);
    }
}

另请参阅:Less inherit "virtual" class