ng-bootstrap样式未导入
里尔孔42
app.module导入（由于 此 原因，使用了forRoot（） ）：
从此处设置一个手风琴，但是样式无法正确导入。我希望看到这样的灰色框：
目标：
但是我的代码看起来像这样：
app.module导入（由于 此 原因，使用了forRoot（） ）：
NgbModule.forRoot()
HTML：
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel title="Simple">
<ng-template ngbPanelContent>
Hi!
</ng-template>
</ngb-panel>
<ngb-panel>
<ng-template ngbPanelTitle>
<span>★ <b>Fancy</b> title ★</span>
</ng-template>
<ng-template ngbPanelContent>
lolzy
</ng-template>
</ngb-panel>
</ngb-accordion>
亚历山大·斯塔索塞尔斯基
该ng-bootstrap 文档指出：
仅有的两个依赖项是Angular和Bootstrap 4 CSS
您需要添加对Bootstrap 4.xx CSS的引用。这可以通过向<link>您的CDN添加CDN来完成index.html。以下CDN来自当前的Boostrap 4.xx文档：
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
或者，如果您使用@ angular / cli，则可以使用到的相对路径将全局样式添加到angular.json styles数组属性angular.json中node_modules/bootstrap/dist/css/bootstrap.min.css：
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css",
],
您也可以node_modules bootstrap.min.css在style.css文件中使用import语句。
@import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
希望有帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
隐藏发件人没有短信PHP
- 2
Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听
- 3
在浏览器中请求URL时会发生什么？
- 4
flask-admin 如何自定义删除按钮
- 5
材质UI垂直滑块。如何改变在垂直材料UI滑块导轨的厚度（反应）
- 6
用日期数据透视表和日期顺序查询
- 7
Jqgrid：多级别组摘要
- 8
java io ioexception无法解析服务器地址解析器的响应
- 9
Swift如何使用Base64Url编码JWT标头和有效负载之类的json对象
- 10
sshd AllowGroups组未授予访问权限
- 11
jQuery无限滚动固定div中的滚动
- 12
android 背部按下
- 13
Flexbox CSS 对齐属性环境惰性？
- 14
为什么随机森林中的平均降低基尼系数取决于人口规模？
- 15
ClickHouse 创建临时表
- 16
为什么PlusShare.Builder setRecipients方法不起作用？
- 17
如何在Android中识别MICR代码
- 18
PyQt4.QtCore模块无法向sip模块注册
- 19
正则表达式，用于查找所有以任何字母开头和数字开头的文件
- 20
是否可以通过编程方式对很多动画进行重新着色？
- 21
机器密钥生成
我来说两句