#結論
「img」に「class="mx-auto d-block"」を付与する。
<div class="row">
<div class="col">
<img class="mx-auto d-block" src="×××">
</div>
</div>
#画面(before)
グリッドシステムで1つのrow内で真ん中に空白を作り左右のグリッド内で画像を表示させています。
グリッドに対して画像が左寄せになるので、これを中央寄せにします。
#画面(after)
More than 3 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme