Bootstrap4

WordPressのカスタムメニューwp_nav_menuにBootstrap4のメニューを導入する方法

WordPressのカスタムメニューwp_nav_menuをBootstrap4のメニュー対応させたい場合、wp-boo […]

Bootstrap4に用意されているクラス【flex編】

Bootstrap4ではフレックスボックスFlexboxが使えるようになりました。 Flex動作を有効にする まずは、d […]

Bootstrapのnavbar-navをセンター寄せにする方法

Bootstrapのナビゲーションバー(navbar-nav)のメニューをセンター寄せにする方法です。 イメージ図 Bo […]

Bootstrap4カラムの位置を調整【カラムのオフセット】

Bootstrapバージョン3からは書き方が少し変更になりました。バージョン3 .col-md-offset-*  バー […]

Bootstrap4カラムを入れ替える(表示順の変更)

表示順位の変更 order-* bootstrap4では.col-**-push-* .col-**-pull-* クラ […]

Bootstrap4に用意されているクラス【table編】

基本 table <table> に基本クラス .table を付けるとベースの表が表示されます。 # 見出 […]

Bootstrap4に用意されているクラス【card編】

グレーの枠(廃止) well グレーの囲み枠を表示してくれるクラスでしたが、Bootstrap4ではなくなりました。 パ […]

Bootstrap4に用意されているクラス【ボタン編】

ボタン btn btn-*** 基本 <button>ボタン要素や <a>アンカー要素のクラスに […]

Bootstrap4に用意されているクラス【color編】

Bootstrap4に標準で用意されているクラス【color編】をまとめてみました。 文字の色 text-**** 文字 […]

Bootstrap4に用意されているクラス

Bootstrap4の標準で用意されているクラスです。 text-align テキストの左・中央・右寄せ text-le […]

Bootstrap4のグリッドシステム v3からの変更点

Bootstrapのバージョンが4にアップされグリッドシステムも少し変更されました。画面サイズは4から5段階に、Flex […]

Bootstrapのdropdown親リンクをクリックする方法

Bootstrapの navbar グローバルメニューで子メニュー dropdown を表示させると親リンクはクリックで […]