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

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

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

2016/02/29  Bootstrap 

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

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

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

固定ヘッダーがスマホでずれるときの対処法

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

img-responsiveの画像をセンター寄せにする方法

2016/02/17  Bootstrap 

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

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

2015/11/20  Bootstrap 

btn btn-*** ボタン btn-lg btn-sm btn-xs ボタンのサイズ active アクティブ状態 […]

Bootstrapに用意されているクラス【パネル・リスト編】

2015/09/16  Bootstrap 

well グレーの枠 panel パネル list-group リスト・グループ list-group リスト・グループ […]

Contact Form 7をBootstrapで使用してみました

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

Bootstrapのグリッドシステム

2015/06/29  Bootstrap 

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

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

2015/06/27  Bootstrap 

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

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

2015/06/21  Bootstrap 

Bootstrapの <table> には標準クラスで用意されているものがあるのでまとめてみました。 tab […]

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

2015/06/20  Bootstrap  ,

Bootstrapには標準で用意されているクラスがあるのでまとめてみました。 text-align テキストの左・中央・ […]