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 vote346 views1 answer
Bootsrap min css
Html
0 vote324 views2 answers
Vertical line navigation bar
Html
0 vote343 views1 answer
Javascript how to set a textbox value to nothing
Html
0 vote337 views2 answers
Css how to place an icon on a photo
Html
0 vote310 views1 answer
Simplecss.org cdn
Html
0 vote326 views1 answer
Bootstrap5 lineheight
Html
2 votes364 views3 answers
Ion-datetime cancel text
Html
0 vote410 views1 answer
Angular lifecycle-
Html
0 vote325 views1 answer
H3 html
Html
6 votes357 views6 answers
Laravel current route name
Html