css - ng bootstrap Accordion to cant add arrow down icon
问题描述
Any one know how to to add ng bootstrap Accordion for icon-arrow-down
I added this <i class="icon-arrow-down"></i>
but not work
This is my code
<ngb-accordion #acc="ngbAccordion">
<ngb-panel title="Task Tyeps (5)"> <i class="icon-arrow-down"></i>
<ng-template ngbPanelContent>
text.....
</ng-template>
</ngb-panel>
</ngb-accordion>
I try to add like this
Thanks
解决方案
最后我解决了我的问题
<ngb-accordion class="range-accordion">
<ngb-panel>
<ng-template ngbPanelTitle>
<div class="d-flex justify-content-between">
<div class="d-flex" style="font-weight: bold; color: #1c2128;">Checklist items</div>
<div class="d-flex"><i class="icon-arrow-down"></i></div>
</div>
</ng-template>
<ng-template ngbPanelContent>
text
</ng-template>
</ngb-panel>
</ngb-accordion>
根据我们的要求添加一些自定义样式。
.range-accordion .btn-link {
width: 100%;
text-decoration-line: none;
}
推荐阅读
- python - 当用户按下特定键时如何运行函数(在 Python 中)?
- java - 无法引用环境变量
- r - R - 使用 read_excel 存储 tryCatch Shiny 警告
- android - 如何将 Surface 设置为 TvView?
- r - 如何将 R 连接到 SQL Azure?
- algorithm - 我如何猜测(最佳搜索算法)系统中只能回答是或否的任何正整数?
- angular - 如何使 NG Zorro 模态在承诺拒绝后保持打开状态
- javascript - 图像未在 Express JS 中加载
- flutter - 颤振错误 - 'package:flutter/src/painting/decoration_image.dart':断言失败:第 50 行 pos 15:'image != null':不正确
- reporting-services - 需要用分页符计算 rdl 中的记录