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 vote305 views1 answer
Html select color
Html
3 votes284 views1 answer
Firefox image/svg+xml not working
Html
0 vote277 views1 answer
How to set a max length wtform
Html
1 vote283 views1 answer
Height() jquery com php
Html
0 vote279 views1 answer
Spin the wheel html
Html
0 vote285 views2 answers
How to install Ubuntu 17.04 in VMWare Workstation
Html
0 vote297 views1 answer
How to add link on bar for google bar chart
Html
0 vote300 views1 answer
How to create bold text in html
Html
-2 votes294 views1 answer
How to add select only one radio button in html
Html
8 votes282 views2 answers
Html charset
Html