时间戳

首页 > 解决方案 > ng-bootstrap 自定义 scss

angular - ng-bootstrap 自定义 scss

问题描述

我正在尝试设计用 ng-bootstrap 构建的 ngb-accordion。

home.component.html :
<ngb-accordion #acc="ngbAccordion" [activeIds]="activeIds" >
    <ngb-panel *ngFor="let tab of tabs; let i= index" title="Tab{{i+1}}" id="tab-{{i+1}}">
      <ng-template ngbPanelContent>
         Tab
      </ng-template>
    </ngb-panel>
</ngb-accordion>


home.component.scss :
ngb-panel {
    width: 300px;
    color: red;
    background-color: orange;
}

我把它放在 scss 上，没有任何反应。我还安装了引导程序并将其添加到 styles.scss

@import "../node_modules/bootstrap/scss/bootstrap.scss";

如何设置 ng-boostrap 小部件的样式？

标签： angularng-bootstrap

解决方案

推荐阅读