ブレークポイントの変更

Question

<div class="col-6 col-xl-4></div>

bootstrapのグリッドシステムでは、sm、xl、lgのように横の画素数にブレークポイントが設定されていますよね。これを画面のアスペクト比に変えることは出来ないのでしょうか？

スマホのような縦長の画面ではcol-6、パソコンのような横長の画面ではcol-4のようにしたいです。
画面の縦横比を取得して、javascriptでクラスを追加するみたいな処理はとても手間がかかりそうなので、便利な方法はないかなと思って質問を投稿しました。

Comments

[yoshinavi]

＞画面のアスペクト比に変える　→　スマホを横にした場合、PC横向きと同じデザインを縮小した状態で見やすいでしょうか？レスポンシブとは言えないのでは？