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

45 votes264 views6 answers
Css text align center
CSS
0 vote259 views1 answer
Prevent enter key submitting a form jquery
CSS
17 votes220 views1 answer
Css flex center horizontally and vertically
CSS
0 vote239 views1 answer
How to make the select box font size small in css
CSS
0 vote229 views1 answer
Content visability auto
CSS
3 votes236 views3 answers
Add tailwindcss to angular
CSS
19 votes233 views2 answers
How to customize placeholder css
CSS
0 vote263 views1 answer
How to use purgecss with webpack mix laravel
CSS
1 vote224 views2 answers
How to add tailwind css in yarn
CSS
0 vote297 views1 answer
Auto enable background graphics print settings
CSS