WorkToolSmith

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

太田アベル

・ 更新 ・ 1分で読めます

当サイトの記事には広告リンクが含まれる場合があります。

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

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

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

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

image

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

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

太田アベル

太田アベル

パソコンを7歳からいじり始めて40年。とにかくパソコンが好きです。気になった商品をほぼ自腹で買いまくってレビュー中!良かった点、悪かった点をズバズバ書きます。

𝕏 でフォロー プロフィールを見る

こちらもおすすめ