Bootstrap4 画像形状

圆角图片

.roundedクラスを使用すると、画像に角丸効果を表示できます。

.rounded-circleクラスで楕円形の画像を設定できます。

.img-thumbnailクラスは画像サムネイル（画像に枠線あり）を設定するために使用します：

使用.float-rightクラスを使用して画像を右揃えに設定します。.float-leftクラスで画像を左揃えに設定:

使用.mx-auto (margin:auto)と .d-block (display:block)クラスを使用して画像を中央揃えに設定します：

画像にはさまざまなサイズがあり、画面の大きさに応じて自動的に適応させる必要があります。

私たちは、〜を使用することで<img>标签中添加.img-fluidクラスを使用してレスポンシブ画像を設定します。

.img-fluidクラスが設定されていますmax-width: 100%; 、 height: auto; :

其他扩展