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

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

参考

この記事を書いた人

アルム=バンド

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