見出し画像

BootstrapのCoreUIを使う

あんまり来ないBootstrap案件がきた。

管理画面作るにはとても便利なBootstrapさん。
今回はCoreUIというテーマを使いました。
これを使うにはnpmでビルドしなければいけないので
そのコマンドと作業の流れを忘備録的にメモ。

CoreUIをダウンロード

こちらから。

解凍後は適宜作業用ディレクトリにお引越ししてください。

npmでパッケージをインストール

npm i

いつものやつですね。

ビルドするよ

npm run start

このまま制作を開始してもいいですし、
ここでビルドされたdistディレクトリ内のデータをコピーして
作業ディレクトリに移せば、そのままいつも通りのhtmlとして使えます。
その場合はblank.html がメイン要素部分空のソースなので、これを適宜編集していくのが簡単かと。
わたしは作業ディレクトリに移したdist内データを更にejsに分割してgulpで再ビルドする流れとしました。


この記事が気に入ったらサポートをしてみませんか?