Bootstrap 样式没有被注入，如何调试

Question

最近我升级了我的项目的一堆依赖项，包括 angular 1.7.1 => 7.1.1，bootstrap 3.4.0 => 4.3.1 并添加了 ng-bootstrap 4.0.1。但是，我注意到没有注入样式（visible-xs 等）。不完全是我如何调试它。

在 angular.json 中，我包含了 bootstrap 样式

            "styles": [
              "./node_modules/primeng/resources/primeng.min.css",
              "./node_modules/primeng/resources/themes/bootstrap/theme.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "./node_modules/font-awesome/css/font-awesome.min.css",
              "./themes/main.css"
            ],

在app.module.ts中我包含了

@NgModule({
    imports: [
        AppRoutingModule,
        NgbModule,

但是，不知何故，我仍然看不到即将出现的样式。本应被 visible-xs 隐藏的元素仍在显示。

我该如何调试这个问题？

Answer 1

v3 中的可见性 classes 已从 v4 中删除，以支持使用显示 classes。这是因为旧的可见性 class 总是假定 "block" 而事实并非如此，因为某些项目是 "inline"，例如。

Bootstrap 样式没有被注入，如何调试

Bootstrap styles not being injected, how to debug

bootstrap-4

ng-bootstrap