Question

这个问题困扰了我好几个小时。我没有多少在线资源可以解决当前面临的问题。 :(在我的情况下，我有两个模块，家庭和管理员。

我的主页取决于引导CSS的工作。因此，为了工作，我在index.html中添加了CDN或min.css。主页工作正常。但是另一个模块中的管理页面也受引导CSS的影响。

我尝试使用ng-bootstrap，并且仅在home.module.ts中导入NgBModule。但是现在home模块仍然没有获得引导CSS。

我尝试了 index.html链接

gsub

或

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">

都可以，但是会影响所有页面和模块CSS

我也尝试过使用 @ ng-bootstrap / ng-bootstrap @ 4.1.0 ，但是使用此功能，我的主页甚至都没有引导样式。也许我错误地使用了这个npm软件包。

home.module.ts

<link href="assets/home-style/css/bootstrap.min.css" rel="stylesheet">

尝试使用引导程序的主页示例

  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    NgbModule
  ],

Answer 1

您无需像这样将引导CSS样式文件添加到index.html文件中，而是可以将其直接导入顶部的组件CSS / SCSS文件中-

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

只让引导CSS在一个模块中工作

1 个答案: