レスポンシブ

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

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

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

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

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

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

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

iPhoneやiPadなどスマートフォンで画像がぼやけるときありませんか？Retinaディスプレイと呼ばれるスマホの高精 […]

ヘッダーを固定するposition:fixed; レスポンシブサイトでヘッダーを固定をした場合、スマホで見るとヘッダーが […]

Bootstrapで画像をレスポンシブにする方法はimg-responsiveを使いますが、左寄せになります。センター寄 […]

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

グレーの枠 well グレーの囲み枠を表示してくれるクラスです。 デフォルト well … <div […]

フォームを作るのに便利なWordPressのプラグイン「Contact Form 7」。Bootstrapのデザインを使 […]

Bootstrap3のグリッドシステムを利用すればレスポンシブサイトが簡単に作ることができます。 グリッドシステムって？ […]

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