Visual Studio CodeでSASSをCSSにコンパイルする際にはLive Sass Compilerを、minifyされた圧縮ファイル（.min.css）を作成するためには、Minifyを使用して、個別に処理...

Bootstrapで吹き出しを作ることを想定した場合、既にBootstrapの中で設定されているpopoverのスタイルを継承して使用するのが手軽だと思います。 PopoverはJSと連携して、対象ボタンを押すと吹き出し...

これまで特に何も考えず、Visual Studio Code + Live Sass Compilerを使用して、BootstrapのSASSファイルを編集してCSSにコンパイルしていました。 で、Bootstrap 4...

先日は、bootstrapのテーマカラーから、不要なカラーパターンをmap-removeを使用して削除する方法を紹介しました。 しかし、アラートや文字色に関しては、やはり色数が欲しい。でも、テーブルやボタンには色数は不要...

次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。 そのためには、bootstrap.scssのimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです...

bootstrapのグリッドは のようにブレークポイントが設定されています。 しかし、これも画面いっぱいに表示する管理画面のダッシュボードやWebアプリで無ければここまで細かく設定する必要も無いと思います。 そこで、これ...

bootstrapは多くの便利なスタイルが格納されているフレームワークですが、一方で使用しないスタイルも多く、容量が大きいのが難点です。 例えばテーマカラーだけでも、 Primary Secondary Success ...

bootstrapのソースファイルを一括ダウンロードすると、その中には複数のscssファイルが格納されています。 通常、bootstrapの色や幅などの数値を変更するにはその中にある 📄 _variabl...

画面サイズに応じてフォントサイズを可変したい（レスポンシブに対応したい）場合のメモです。 参考サイトはこちら。 つまり、特定の画面サイズで表示したいフォントサイズを基準にvw単位で指定するという方法です。 画面サイズが1...