自動化無しに生活無し

WEB開発関係を中心に備忘録をまとめています

npm で Bootstrap を使う

thumbnail
npm install bootstrap

App.jsに以下を追加する。

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

後は、使いたいコンポーネントで

<header className="bg-primary text-white">簡易掲示板</header>

などとすれば良い。

なぜ @fortawesome/fontawesome-free 、 なぜ bootstrap ?

先に、fontawesomeをインストールしたときは、

npm install @fortawesome/fontawesome-free

とした。@がついている。

これはスコープと言い、名前の衝突を避けるためにfontawesomeの開発会社、fortawesome社がつけている。(ミススペルや誤記などではなく、fortawesome社である。)

一方で、bootstrapの場合は、非常に有名であえてスコープをつける必要はないと判断され、

npm install bootstrap 

とされている。

スポンサーリンク