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 vote272 views1 answer
How to make div position top in css
CSS
0 vote212 views1 answer
Microwave
CSS
-6 votes231 views7 answers
Css flex
CSS
0 vote203 views2 answers
Woocommerce align add to cart buttons css
CSS
0 vote200 views1 answer
Capitalize the first letter of string using CSS
CSS
2 votes211 views1 answer
How to set font max width in css
CSS
2 votes207 views2 answers
Display flex align last item to left
CSS
29 votes235 views4 answers
How to remove underline of link in css
CSS
45 votes185 views6 answers
How to remove background color in css
CSS
0 vote199 views6 answers
Vertical multi color border css
CSS