bootstrap3

Question

現在bootstrap3を使用したWebページを作成しています。

今回モバイルでの表示の際にある要素のheightを変更したいと思っていますが、bootstrap3のグリッドシステムをうまく利用できる方法はありませんか？

PCからの利用も考えて動的に行いたいのですが、現状はwindowサイズの変更時にちまちま値を取得して適当に変更しています。。。

分かる方いらっしゃいましたらご教授お願いします。

Answer 1

公式リファレンス より、768px以上がタブレット,デスクトップとなっているため、
スマートフォンだけ制御したい場合、以下のようにしたらいいと思います。
class名は環境に合うように設定してください。

@media (max-width: 768px) {
  .container > hoge > fuga {
    height: 100px;
  }
}

注：767~768pxのウィンドウサイズを捨てるのでその辺りは認識お願いします。

Comments

[kondon]

すいません。
投稿できていませんでした。
無事解決しました!ありがとうございます！