/Html/Bootstrap class align center image

Bootstrap class align center image

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 class align center image

class="mx-auto d-block"

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

0 vote308 views2 answers
Petition to get rid of pigeons
Html
79 votes270 views17 answers
Iframe
Html
14 votes283 views6 answers
Placeholder select html
Html
0 vote335 views1 answer
Meta tags in pug
Html
0 vote311 views1 answer
Full screen button in video tag html5
Html
10 votes310 views1 answer
Git stash pop name
Html
35 votes307 views6 answers
How to make text bold in html
Html
0 vote314 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
0 vote299 views1 answer
Html chat box
Html
22 votes300 views1 answer
Html input float type
Html