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

3 votes331 views1 answer
Css margin bottom not working
CSS
0 vote380 views1 answer
Css cut lines
CSS
185 votes569 views6 answers
Attach css file to html
CSS
27 votes393 views3 answers
Align div to center of screen
CSS
1 vote359 views2 answers
Dropdown on hover
CSS
0 vote373 views1 answer
@fontface otf
CSS
1 vote438 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
0 vote425 views1 answer
Importing scss into vue component
CSS
1 vote373 views2 answers
Import google fonts into react
CSS
0 vote377 views1 answer
How to put an element in front
CSS