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

0 vote237 views1 answer
How to display superscript in breadcrumbs in html
Html
0 vote258 views1 answer
Filetype:sql intext:wp_users phpmyadmin
Html
1 vote241 views1 answer
Difference between first of type and first child
Html
14 votes197 views9 answers
Html css center div
Html
1 vote232 views1 answer
Web mdc cdn
Html
0 vote244 views1 answer
H1 alert
Html
0 vote252 views1 answer
Html.Raw blazor
Html
3 votes254 views1 answer
Snap telegram
Html
0 vote263 views1 answer
Brackeys C#
Html
0 vote234 views1 answer
How to connect alert and document.location in html
Html