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 vote251 views1 answer
How to make ngx-countdown wait for start
Html
0 vote272 views3 answers
Username Patterns
Html
0 vote256 views1 answer
Input type password show asterisk
Html
12 votes256 views2 answers
<a href="tel:+91-999900670">9999000670</a>
Html
218 votes338 views5 answers
Bootstrap latest version cdn
Html
0 vote277 views1 answer
Embedmd
Html
0 vote236 views1 answer
Cshtml set a max value foreach
Html
0 vote249 views1 answer
Roboto font embed
Html
3 votes269 views3 answers
Html checkbox check all
Html
1 vote271 views1 answer
Android location access
Html