安装了ngx-bootstrap和Bootstrap，但Angular项目只显示单色页面。 _程序开发

创始人

2024-08-29 12:30:06

0次

可能是由于未正确引入Bootstrap样式文件所致。在项目的styles.css（或任何其他全局样式文件）中添加以下代码：

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

这将从ngx-bootstrap中导入Bootstrap样式文件，并在应用程序中自动应用样式。

另一种解决方法是编辑angular.json文件并添加以下代码：

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

样式文件将从node_modules目录中的Bootstrap中导入并在应用程序中自动应用样式。

请注意，引入样式文件的先后顺序也很重要。如果ngx-bootstrap的样式文件（比如bootstrap.min.css）在project的样式表之前被加载，则可能会覆盖应用程序中的其他样式表，导致样式问题。

分享认知!边锋老友手游辅助器(... 分享认知!边锋老友手游辅助器(wEpoKe),太坑了竟然是真的有挂(有挂透明)-哔哩哔哩；原来确实真...

技巧知识分享!边锋斗地主透明器... 技巧知识分享!边锋斗地主透明器,wepoker德州辅助下载,详细有挂(有挂教学)-哔哩哔哩；免费边锋...

透视智能ai!雀神广东麻将神器... 透视智能ai!雀神广东麻将神器软件(辅助挂)太坑了的确真的有挂(有挂透明)-哔哩哔哩雀神广东麻将神器...

一分钟了解(wepoke智能a... 一分钟了解(wepoke智能ai)外挂透明挂辅助工具(德州)发牌机制(2025已更新)(哔哩哔哩)；...

科技通报!鄱阳翻精扑克助赢神器... 科技通报!鄱阳翻精扑克助赢神器购买(wepOkE),太坑了原来是真的有挂(有挂介绍)-哔哩哔哩；超受...

透视实锤!雀神麻将助赢神器购买... 《雀神麻将助赢神器购买微信小程序软件透明挂》是一款多人竞技的雀神麻将助赢神器购买微信小程序辅助透视游...

一分钟揭秘!杭麻圈有外挂,德扑... 一分钟揭秘!杭麻圈有外挂,德扑之星方法购买,详细有挂(有挂透明)-哔哩哔哩是一款可以让一直输的玩家，...

一起来讨论(微扑克原理)外挂透... 一起来讨论(微扑克原理)外挂透明挂辅助器(线上)发牌规律(2021已更新)(哔哩哔哩)；wpk透视辅...

玩家必看科普!川麻圈辅助工具(... 玩家必看科普!川麻圈辅助工具(WepOke),太坑了其实真的有挂(有挂教程)-哔哩哔哩；最新版202...

玩家必用(pokerrrr2)... 大家肯定在之前pokerrrr2或者pokerrrr2中玩过玩家必用(pokerrrr2)外挂透明挂...