Bootstrap flex align

<div class="d-flex justify-content-start">...</div>
<div class="d-flex justify-content-end">...</div>
<div class="d-flex justify-content-center">...</div>
<div class="d-flex justify-content-between">...</div>
<div class="d-flex justify-content-around">...</div>

Source: getbootstrap.com

Flex wrap bootstrap

<div class="d-flex flex-wrap">...</div>

Align-self: flex-end; bootsrap

align-self-end

Bootstap flex center

<div class="d-flex justify-content-center">...</div>

Bootstrap flex class

.d-flex
.flex-row
.flex-row-reverse
.flex-column
.flex-column-reverse
.justify-content-start
.justify-content-end
.justify-content-center
.justify-content-between
.justify-content-around
.align-items-start
.align-items-end
.align-items-center
.align-items-baseline
.align-items-stretch

Bootstrap flex grid

<div class="d-flex justify-content-center"></div>

Similar codes

-1 vote233 views1 answer
Automatic new tab link html
Html
1 vote232 views1 answer
Django html vscode
Html
23 votes204 views1 answer
Accept only image files upload html
Html
7 votes227 views2 answers
How to add multiple CSS inline html
Html
6 votes210 views3 answers
Jquery unescape html
Html
0 vote220 views1 answer
Anchor tag background image html
Html
0 vote240 views1 answer
Print html table
Html
68 votes212 views5 answers
How to add a image file in html
Html
230 votes351 views6 answers
How to connect a javascript file to html
Html
2 votes220 views1 answer
How to get rid how white border on html page
Html