Stackblitz:如何导入Bootstrap CSS框架 [英] Stackblitz: How to import Bootstrap CSS framework

问题描述

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

I just found the amazing Stackblitz online VS Code editor. I created an Angular project and under dependencies installed the Bootstrap CSS framework but how should I import Bootstrap in to my project? Usually I do it by adding this line of code to angular-cli.json:

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

但是它在Stackblitz上如何工作?

But how does it work on Stackblitz?

谢谢

推荐答案

在依赖项中添加"bootstrap"，然后单击Enter.

In dependencies add "bootstrap" then click enter.

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

then write following line in styles.css in src folder

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

这篇关于Stackblitz:如何导入Bootstrap CSS框架的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！