Bootstrap 4にimgレスポンシブなし
Bootstrap 4 alpha 2のソースコードをダウンロードしたところ、クラスimg-responsiveが見つかりません。 Bootstrap 3ソースコードに存在し、Notepad ++で見つけることができますが、Bootstrap 4s bootstrap.css _distフォルダーには存在しません。
どうしたの？
Bootstrapの画像は、.img-fluidで応答するようになります。最大幅：100％;および高さ：自動。親要素に合わせて拡大縮小するように画像に適用されます。
ブートストラップ3："img-responsive"
ブートストラップ4："img-fluid"
Bootstrap 4 Images： のように
Bootstrap 4の画像は、.img-fluidで応答します。最大幅：100％;および高さ：自動。親要素に合わせて拡大縮小するように画像に適用されます。
<img class="img-fluid" src="" alt=""> //This will make your image responsive
Bootstrap 4 alpha 2を使用している場合、img-responsiveではなく、新しいクラスimg-fluidを使用する必要があるようです。 http：//v4-alpha.getbootstrap .com/content/images /
Bootstrap 4では、class = "img-fluid"を使用できます。
これは説明です：
Bootstrapの画像は、.img-fluidで応答するようになります。最大幅：100％;および高さ：> auto;親要素に合わせて拡大縮小するように画像に適用されます。
これは推奨されるコードです：<img src="..." class="img-fluid" alt="Responsive image">
Img-responsiveではなくimg-fluidクラスを使用します
docs を参照してください