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

3 votes143 views2 answers
Input only accept numbers
Html
1 vote148 views1 answer
Multiple form submit for different form action
Html
2 votes130 views1 answer
Html video loop
Html
-3 votes131 views3 answers
How to use a heading in html
Html
4 votes154 views1 answer
Html css good button
Html
1 vote127 views1 answer
Axonivy reuseable component
Html
0 vote129 views1 answer
Link to add matrial iocns to html
Html
15 votes140 views1 answer
Pdf to html
Html
0 vote139 views2 answers
Bootstrap buttons Disabled state
Html
38 votes138 views5 answers
Button open link in new tab
Html