Stackblitz:如何导入Bootstrap CSS框架

Question

我刚刚找到了令人惊叹的Stackblitz在线VS Code编辑器.我创建了一个Angular项目,并在依赖项下安装了Bootstrap CSS框架但是如何将Bootstrap导入到我的项目中？通常我通过将这行代码添加到angular-cli.json来实现:

"../node_modules/bootstrap/dist/css/bootstrap.min.css"

但它如何在Stackblitz上运行？

谢谢

Answer 1

在依赖项中添加"bootstrap",然后单击"输入".

然后写在下面一行styles.css中的src文件夹

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

Answer 2

尝试这个 ：

style.css

@import url('https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css')

它将加载您所有的glyphicon图标

Answer 3

在angular.json中：

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

对我来说效果很好。