2017-11-01 9 views
3

私は驚いたことを発見しましたStackblitzオンラインVSコードエディタ。 Angularプロジェクトを作成し、依存関係の下にBootstrap CSSフレームワークをインストールしましたが、プロジェクトにBootstrapをインポートするにはどうすればよいですか? は、通常、私は角度-cli.jsonにこのコード行を追加することでそれを行う:Stackblitz:ブートストラップCSSフレームワークをインポートする方法

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

をしかし、どのようにそれがStackblitzに動作しますか?

おかげ

答えて

3

このようにしてみてください:

のstyle.css

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

ブートストラップCSSをインポートしているようですが、フォントがまだ不足しています。たとえば、グリフコングリフコン - ハートは空の四角形になります。コンソールは次のように言っています:ダウンロードしたフォントのデコードに失敗しました – user1941537

0

チェックこのStackBlitz例:https://stackblitz.com/edit/angular-wkc7ix?file=styles.css

それが角-cli.jsonファイルを持っているし、 style.cssファイル

角度-cli.json:

{ 
    "apps": [{ 
    "styles": ["styles.css"] 
    }] 
} 

のstyle.css:

@import "bootstrap/dist/css/bootstrap.min.css"; 
関連する問題