Material Design for Bootstrap V4 の CSS をカスタマイズする

Material Design for Bootstrap は、Googleのマテリアルデザインの概念を取り入れた Bootstrap のテーマで、Bootstrap でマテリアルデザインのデザインや操作感を実現することができます。Bootstrap の豊富なコンポーネントに加えてマテリアルデザインを使用できるので、Bootstrap に慣れたユーザは特に便利に使えそうです。

Material Design for Bootstrap は、 現在の Bootstrap(V3)向けの開発と並行して、Bootstrap の次期バージョン(V4)と互換性のある Material Design for Bootstrap V4 の開発が進められています。

Material Design for Bootstrap V4 の CSS を一部カスタマイズしてWebアプリケーションに使用する機会がありましたので、CSSのカスタマイズ方法を備忘録として本記事にまとめます。

Continue reading →