imgタグはインライン要素なので、ブロック要素にして左右のマージンをauto にすることで、画像を中央寄せにすることができます。
BootstrapではCSSのclassとして準備されていますが、Bootstrap3とBootstrap4とで指定するclass名が異なります。
StyleSheetで指定する
ここではsampleクラスを作成しています。
...
.sample {
display: block;
margin-left: auto;
margin-right: auto;
}
...
<img class="sample" href="sample.jpg" />
...Bootstrapを利用する
Bootstrapでは、バージョンによって指定するクラス名が異なります。
Bootstrap4
Bootstrap4では、”d-block”と”mx-auto”を指定します。
<img class="d-block mx-auto" href="sample.jpg" />Bootstrap3
Bootstrap3では、”center-block”を指定します。
<img class="center-block" href="sample.jpg" />