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 vote116 views2 answers
Cross icon font awesome
Html
0 vote137 views1 answer
Angular open pdf in new tab
Html
1 vote127 views1 answer
Vue get data from slot template
Html
2 votes121 views1 answer
Module 'speedtest' has no attribute 'Speedtest'
Html
0 vote188 views1 answer
Cursive text html
Html
0 vote145 views1 answer
Ome.tv no camera
Html
0 vote130 views1 answer
Text displayed over an image
Html
24 votes167 views1 answer
A tag
Html
5 votes145 views2 answers
Vue select v-for
Html
0 vote131 views1 answer
How to add image in title bar
Html