Bootstrap Aligning images

Bootstrap 4 center image

/* used mx-auto d-block */

<img class="mx-auto d-block" src="https://www.w3schools.com/bootstrap4/paris.jpg" alt="https://www.w3schools.com/bootstrap4/paris.jpg"/>

Bootstrap Aligning images

Align images with the helper float classes or text alignment classes.
block-level images can be centered using the .mx-auto margin utility class.

<img src="..." class="rounded float-left" alt="...">
<img src="..." class="rounded float-right" alt="...">
<img src="..." class="rounded mx-auto d-block" alt="...">

Source: getbootstrap.com

Similar codes

1 vote415 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
2 votes378 views1 answer
Admin dashboard html css
CSS
0 vote388 views1 answer
Center a button wordpress
CSS
4 votes356 views1 answer
Orientation css max and min width media query
CSS
13 votes342 views4 answers
Background color transparent
CSS
0 vote368 views1 answer
Swiper center slides but not first slide
CSS
2 votes322 views1 answer
Nunito font family
CSS
39 votes339 views4 answers
Font awesome size
CSS
0 vote333 views1 answer
Width not responding to css in table
CSS
0 vote315 views1 answer
Css logo color
CSS