Bootstrap4のcard-img-topクラスを指定したサムネイル画像がIE11で縦に伸びる

  • 投稿日
  • 更新日
  • 著者 アルム＝バンド
  • カテゴリー css
  • カテゴリー Internet Explorer
前々から現象としては認知していたのですが、改めて検索するとあっさりと対処法が見付かりました。 想定ではIEの根が深い直せないようなバグなのではないかと思っていたのですが……。
  1. card-img-topクラスを指定したimgタグにh-100クラスを指定する
  2. card-img-topの親要素でcardを指定したdiv等のタグにd-blockクラスを指定する
IE11のデバッガで開いて、どちらのやり方でも現象が直ることを確認しました。 最小の場合はクラスの指定で直るということでメモ。 ちなみに実験したのはBootstrapは4.1.3の環境です。

参考

Bootstrap Bootstrap4

この記事を書いた人

アルム＝バンド

フロントエンド・バックエンド・サーバエンジニア。LAMPやNodeからWP、Gulpを使ってejs,Scss,JSのコーディングまで一通り。たまにRasPiで遊んだり、趣味で開発したり。

記事一覧