レスポンシブ

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

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

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

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

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

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

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

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

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

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

CSSだけで作るボタンに画像アイコンを付ける方法です。スマホサイズにも対応してます。 前にアイコンがあるパターン 緑のボ […]

スクロールでサイドメニューが見えなくなってしまうのを回避するときに便利なのがjQueryのプラグイン「Fit sideb […]

アラート alert 警告メッセージなどアラート用に使うクラスです。.alert ＋ .alert-success等のク […]

以前Retinaディスプレイ対策で使用したretina.js 通常の画像と@2xの画像を用意しておけば勝手に切り替わって […]

ドロップダウン dropdown 基本 ドロップダウン メニュー1 メニュー2 メニュー3 <div class= […]