.img-responsiveが効いてくれない！
ある時Bootstrapで、
いつものように.img-responsiveを使ってみても、
画像が可変になってくれない。
いろいろ調べて、Bootstrap4のドキュメントを見ると、
「.img-responsiveは.img-fluidに変更されたよ」と書いてある（！）
https://getbootstrap.com/docs/4.1/migration/#images
これまで３系を使ってきていましたが、
下調べもろくにせず４系を使ってみて、地雷踏みました。
他にも、中央寄せで多用していた
.center-block が
.mx-auto に
変更されていたり。
画像だけなら他にも、
.img-rounded が .rounded に
.img-circle が .rounded-circle に
なってました。
他にも、わんさと変更点あります。
そんなわけで、
Bootstrap4系への変更、よく調べましょ。。
先ほどのページを全部見て見ると、
３系から４系になって、かなり変更があったとわかります、オソロシヤ。
https://getbootstrap.com/docs/4.1/migration
ちょくちょく調べてCSS書かないと、また別の地雷踏みそうです。
あな、恐ろし。
３系（以前？）な皆様も、どうぞご注意を。