使用Bootstrap for Angular呈现没有样式

-1

我已经使用以下命令安装了Ngb和Bootstrap 4。当然，根模块也会导入包。使用Bootstrap for Angular呈现没有样式

NPM安装@ NG-引导/ NG-引导--save
NPM安装引导@未来--save

在代码中，我试图添加以下指令。然而，呈现的仅仅是一个闭合的交叉按钮，我只是纯无聊进入但文字 - 没有国界的，盒子，颜色等

<ngb-alert type="info">dsdsdds</ngb-alert>

不知道如何进一步解决它，因为谷歌搜索没有产生任何东西。建议？

来源

2017-08-28 Konrad Viltersten

你可以给我们一个plunkr吗？ – MeMeMax

@MeMeMax不需要。我找到了一个解决方案。随意查看下面的答案。 –

NgBootstrap网站上的误导部分是他们只专注于指令框架，而忽略了开发者的样式。

所以，基本上，看起来CSS和/或SCSS仍然应该由编码器提供。解决方案是自行设计样式，或者更明智，更快捷的方式是使用以下语句从Bootstrap的公共发行版中抓取它们。

<link rel="stylesheet" 
     href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" />

来源

2017-08-28 11:34:49

我们永远不会建议用户制作自己的CSS ...我们的入门页面（https://ng-bootstrap.github.io/#/getting-started）清楚地标记了Bootstrap的CSS作为依赖项。如果您有关于如何重新介绍介绍的建议，我们希望公关https://github.com/ng-bootstrap/ng-bootstrap/blob/master/demo/src/app/getting-started/getting -started.component.html –

没错。你必须自己包含bootstrap css文件。如果你使用角度cli考虑引导4作为依赖，并将其包含到你的角度cli.json – MeMeMax

@MeMeMax是的，我首先尝试了。但因为它不想飞。所以我去了CDN选项。无论如何，这是相同的数据有效载荷（或者甚至更小，因为Booty可能已经存在于目标机器上）。或者你的意思是不同的方式？如果是这样，请随时发表回复。我不喜欢接受我自己的答案。这很糟糕。 –

使用Bootstrap for Angular呈现没有样式

回答

相关问题