ウェブデザイン・プログラム

Bootstrapの変形ポイントとピクセル数が完璧にわかるサイト作りました

レスポンシブなウェブサイトを作るときに非常に便利な「Bootstrap」。レスポンシブとはPCやスマホなど大きさの違うデバイスでもはみ出たり小さすぎたりしないよう、変形して表示されるCSSデザインです。

 

ただこの変形するピクセル数や、変形後のカラムの大きさなどがいまいちわかりづらいのが難点。

ということで、リアルタイムにカラムのピクセル数を表示するページを作りました!

↓こんな画面で、ウィンドウサイズを変えるとリアルタイムでピクセル数が出ます。自分的にはけっこう便利なので公開してみます。

image

 

ご利用は下記リンクからどうぞ!

http://gracix.com/bootstrap-width-checker/