如何在Angular 4或4+应用中导入Bootstrap 4主题
我是学习Angular的新手。我曾尝试在angular 4中导入bootstrap 4单页面模板：https://startbootstrap.com/template-overviews/new-age/.But当我在本地主机上看到这一点时，它不会加载平滑滚动等功能。似乎新的-age.js文件是不是loading.How来解决这个问题？
保存的文件(css、js、jquery、bootstrap)在src/assests文件夹中。
我在angular.json中链接了该文件，如下所示
"styles": [
"src/styles.css",
"src/assets/vendor/bootstrap/css/bootstrap.min.css",
"src/assets/vendor/font-awesome/css/font-awesome.min.css",
"src/assets/vendor/simple-line-icons/css/simple-line-icons.css",
"src/assets/device-mockups/device-mockups.min.css",
"src/assets/css/new-age.min.css"
],
"scripts": [
"src/assets/vendor/jquery/jquery.min.js",
"src/assets/vendor/bootstrap/js/bootstrap.bundle.min.js",
"src/assets/vendor/jquery-easing/jquery.easing.min.js",
"src/assets/js/new-age.js"
]超文本标记语言是app.component.html格式
回答 2
Stack Overflow用户
发布于 2018-05-15 18:58:28
使用angular时，我建议使用ng-bootstrap。你所需要做的就是在你的angular-cli.json中导入bootstrap的样式表(之后(！))：
"styles": [
"src/assets/vendor/bootstrap/css/bootstrap.css",
"src/styles.css"
],然后将ng-bootstrap导入到app.module的import数组中，如下所示：
NgbModule.forRoot(),您可以使用所有预制的组件，以适应角度。
Stack Overflow用户
发布于 2018-05-15 19:29:15
尝尝这个,
在index.html中添加以下行，然后检查assets文件夹中是否存在脚本和css文件夹。如果没有，则手动添加它们，并将相应的文件添加到这些文件夹中。
index.html：
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<script src="assets/Scripts/bootstrap.min.js"></script>https://stackoverflow.com/questions/50346612
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号