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 vote145 views1 answer
Display text html
Html
1 vote194 views2 answers
React native capitalize first letter
Html
0 vote133 views1 answer
<a href="#"><div class="fab fa-instagram"></i></a>
Html
1 vote123 views1 answer
Input and select box combined
Html
1 vote136 views1 answer
Lien dans un nouvel onglet html
Html
10 votes139 views3 answers
How to create a video link in html
Html
0 vote140 views1 answer
Html ascii for space
Html
0 vote143 views1 answer
Where to store nft art
Html
1 vote129 views1 answer
Html query zip code
Html
0 vote134 views1 answer
Fix character wpf missing
Html