Javascript Angular 8-如何在静态文件中导入引导4？

我正在为静态文件使用导入引导4库的语法

<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">

browser-not-supported.html

<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">

结果:

有人有同样的问题吗

---

谢谢

将引导引用链接添加到angular.json文件中的styles属性中

 "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

例如：

        "styles": [
          "src/styles.less",
          "../node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

---

将引导引用链接添加到angular.json文件中的styles属性

 "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

例如：

        "styles": [
          "src/styles.less",
          "../node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

---

将css文件放在assets/css文件夹中，然后进行如下更改

<link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css">

---

将css文件放在assets/css文件夹中，然后进行如下更改

<link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css">

1） 安装引导程序

npm i bootstrap

2） 编辑angular.json或.angular-cli.json中的“样式”数组

"styles": [
          "src/styles.less",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

3） 再次将其导入styles.less

@import "~bootstrap/dist/css/bootstrap.css";

1） 安装引导程序

npm i bootstrap

2） 编辑angular.json或.angular-cli.json中的“样式”数组

"styles": [
          "src/styles.less",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

3） 再次将其导入styles.less

@import "~bootstrap/dist/css/bootstrap.css";

---

尝试使用npm安装它：

npm安装ngx引导引导引导引导--保存

欲了解更多详情，请访问：

---

尝试使用npm安装：

npm安装ngx引导引导引导引导--保存

欲了解更多详情，请访问：

---

---

它只适用于index.html文件，我想让它在资产部分的静态文件中起什么作用？一个简单的解决方法是从引导网站复制链接，但是由于它位于资产文件夹中，那么您的href应该是“../../../../node\u modules/bootstrap/dist/css/bootstrap.min.css”而不是“../../../node\u modules/bootstrap/dist/css”？编辑：在进行这些更改之后，请确保停止服务器并关闭命令行/终端，然后再运行，当我没有从NoDEYMyMead导入任何方法时，都会考虑使用CDN，它只与索引文件.html文件一起使用，我希望它对资产部分的静态文件起什么作用一个简单的解决方法是从引导网站复制链接，但是因为它在您的资产文件夹中，那么您的href应该是“../../../../node\u modules/bootstrap/dist/css/bootstrap.min.css”而不是“../../../node\u modules/bootstrap/css/bootstrap.min.css”？编辑：在做出这些更改之后，确保您停止服务器并关闭命令行/终端，然后再运行。当我没有任何方式从NoDEYMoad模块导入时，我会考虑使用CDN。我如何在NoDEYMax模块中直接使用它，我不想将它复制到CSS文件夹中。对于include-in-styles部分，这种方式只适用于index.html文件（main），而不适用于静态文件您只能通过包含在angular.json中来实现这一点，就像我刚才提到的如何在node_模块中直接使用它一样，我不想将其复制到css文件夹中。对于“在样式中包含它”部分，这种方式仅适用于index.html文件（main），而不适用于静态文件您只能通过将其包含在angular.json中来实现，就像我刚才提到的那样哦，不，不，它只适用于index.html（main），而不适用于静态文件：D@Component（{选择器：'app root'，templateUrl:'./app.component.html'，样式URL:['../../node_modules/bootstrap/dist/css/bootstrap.min.css']}）你能试试这个吗？它不是一个组件，它是静态页面

浏览器不受支持。html

创建一个新的样式表文件并导入到你的html文件中，检查它是否工作。如果它工作，请复制一个从bootstrap.min.css到新样式表和tryoh的ll代码，不，不，它只适用于index.html（main），不适用于静态文件：D@Component（{选择器：'app root'，templateUrl:'./app.component.html'，样式URL:['../../node_modules/bootstrap/dist/css/bootstrap.min.css']}）你能试试这个吗？它不是一个组件，它是静态页面

浏览器不受支持。html

创建一个新的样式表文件并导入到你的html文件中，检查它是否工作。如果它工作，请复制一个从bootstrap.min.css到新样式表和tryThanks的ll代码，但这种方式只适用于index.htmlfile@dangchithao，Angular是一个单页应用程序。所有其他内容都在index.html中呈现。因此，您无需将其导入任何其他组件，您可以直接包含引导类，它将完美呈现。我需要它与静态文件一起工作，我在“资源”部分浏览器中声明该文件不受支持。html@dangchithao尝试把它作为CDN直接添加到文件中。我上面说过，我将考虑使用CDN，但现在我想在NoDEYMead模块：DThanks中使用它，但这种方法只适用于索引xhtml。file@dangchithao，Angular是一个单页应用程序。所有其他内容都在index.html中呈现。因此，您不需要将其导入任何其他组件，您可以直接包含引导类，它将被完美呈现。我需要它与静态文件一起工作，我在“资源”部分浏览器中声明不支持该文件。html@dangchithao，尝试将其作为CDN直接添加到文件中以上我将考虑使用CDN，但现在我想在NoDEYMead模块中使用它