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

2018/03/08  Bootstrap4  ,

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

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

2017/11/16  Bootstrap4  ,

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

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

2017/11/11  Bootstrap4  ,

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

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

2017/11/09  Bootstrap4  ,

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

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

2017/11/02  Bootstrap4  ,

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

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

2017/10/06  Bootstrap4  ,

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

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

2017/10/01  Bootstrap4  ,

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

CSSで作ったボタンに画像アイコンを付ける

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

【レスポンシブ対応】スクロールしてもサイドメニューが固定されるjQueryプラグインFit sidebar

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

Bootstrapに用意されているクラス【アラート編】警告メッセージ・エラーメッセージ

2017/02/26  Bootstrap 

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

retina.jsで画像が表示されないときの対処法

以前Retinaディスプレイ対策で使用したretina.js スマホやタブレットで画像がぼやけるときの対処法 iPhon […]

Bootstrapに用意されているクラス【ドロップダウン編】

2016/07/24  Bootstrap 

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

JavaScriptでスマホやタブレットを判別する方法

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

Bootstrapカラムの位置を調整する方法【カラムのオフセット】

2016/02/29  Bootstrap 

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

スマホやタブレットで画像がぼやけるときの対処法

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