レスポンシブの記事一覧

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

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

table　基本 tables-striped　ストライプ tables-bordered　ボーダー tables-ho […]

well　グレーの枠（廃止） panel　パネル（廃止） card　カード　 card　画像　card-img-top　 […]

btn btn-***　ボタン btn btn-outline-***　アウトラインボタン btn-lg btn-sm　 […]

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

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

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

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

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

alert　アラート alert-dismissible　閉じられるアラート alert-link　アラート内のリンク […]

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

dropdown　ドロップダウン btn-default　ドロップダウンボタンの色変更 btn-lg btn-sm bt […]

JavaScriptでスマホかタブレットかパソコンかを判定する方法です。 使い方 getDevice が”s […]

Bootstrapのカラムを利用していると1つカラムを飛ばしたいときや余白を空けたい、中央に配置したいときがあります。そ […]