Bootstrap4」。Bootstrap4(以下、MDB4と呼称)」は無料で商用利用可能です。クレジット表記も必要なく、制作にも使えます。ライセンスは「MTIライセンス」で、ソースコード内(mdb.min.css)にクレジット表記が載っているので、それさえ消さなければ問題ありません。以前、MDB4について単発の記事に概要のみ載せました。Bootstrap」2018.12.11また、これのBootstrap3対応バージョンについて、8回のシリーズで書きました。Bootstrap4も正式リリースから半年以上経ちましたので、そとそろ皆さん慣れてきた頃かと思います。今回から数回に渡って「MDB4」について、シリーズ記事で解説していきます。第一回目の今回は、導入方法とボタンの実装について書きます。最初に、こちらのページからフォルダをダウンロードしてください。「DOWNLOAD」のボタンをクリックします。圧縮されたフォルダを解凍すると、中には必要なファイル一式が入っています。Bootstrap関連のファイルも全て揃ってます。「index.html」のコードを見てもらえれば分かりますが、まずはHTMLのheadタグ内でCSSを読み込みます。rel="stylesheet">この場合、「style.css」にはオリジナルのCSSコードを記入します。次に、bodyの閉じタグの直前でjsを読み込みます。src="js/mdb.min.js"></script>これで導入は完了です。カードデザインを実装さて、今回は手始めに「カードデザイン」を実装してみます。CardsHTMLのコードは以下になります。class="card-text">テキストが入ります。