Bootstrap」。Bootstrap4(以下、MDB4と表記)」のご紹介2回目です。今回はボタンの実装について。~基本的なボタンMDB4での独自色ボタンアウトラインボタンボタンのサイズソーシャルボタン基本的なボタンコードの記述方法は基本的には本家Bootstrapと同じです。表示がマテリアルデザイン化します。実際のホバー時の変化などはデモページをご覧ください。同じコードを本家Bootstrapで表示すると以下のようになります。MDB4での独自色ボタンMDB4ではBootstrapには無い独自色のボタンを実装可能です。実際のホバー時の変化などはデモページをご覧ください。MDB4:ボタンの実装アウトラインボタンコードの記述方法は基本的には本家Bootstrapと同じです。表示がマテリアルデザイン化します。実際のホバー時の変化などはデモページをご覧ください。同じコードを本家Bootstrapで表示すると以下のようになります。ちなみに、このアウトラインボタンは、Bootstrap4から実装が始まったボタンです。ボタンのサイズ大サイズボタン、小サイズボタンも用意されています。実際のホバー時の変化などはデモページをご覧ください。MDB4:ボタンの実装ソーシャルボタンFont-awesomeのアイコンを使うことで、ソーシャルボタンの実装も可能です。Dribbble</button>ブラウザでの表示アイコンだけでの小サイズ。実際のホバー時の変化などはデモページをご覧ください。MDB4:ボタンの実装ちなみに、このソーシャルボタン、色は公式カラーに似せてますが完全に同じではありません。新・WordPressテーマ「Lightning」でサイト制作:まとめページWordPressテーマ「BusinessPress」でWEBサイトを制作:まとめページ便利なWordPressプラグイン:まとめページ無料画像編集ソフト「PhotoScape」使用方法:まとめページランサーズ受注ノウハウ:まとめページブログ主プロフケンです。後半開始⇒帰郷して職業訓練⇒2人会社勤務⇒フリーランスとなる。◇Twitterは更新通知+小ネタ用です。