Bootstrap v4 Latest Cheat Sheet Cheat Sheet

by kv723 via cheatography.com/41677/cs/12607/

Alerts Carousel Grid Modifiers Visibility

alert-info carousel Flexbox col visible

alert-​success carous​el-​inner Flexbox based on col-*-auto invisible

natural width
alert-​warning carous​el-item
Multirow separator w-100 Display
alert-​danger
Forms Top Alignment align-​ite​ms-​ d-none
alert-link
start
alert-​dis​mis​sable form-c​ontrol d-sm-none
Centre Alignment align-​ite​ms-​
form-group d-md-none
center
Button form-c​ont​rol​-file d-lg-none
Bottom Alignment align-​ite​ms-
btn-group d-xl-none
end
Collap​se/​Acc​ordion
btn-pr​imary d-prin​t-none
No row gutters no-gutters
btn-su​ccess data-t​ogg​le=​"​col​lap​se"

href="#​col​lap​se1​" Grid Modal

btn-info

btn-wa​rning data-t​arg​et=​"​#co​lla​pse​1" modal

col-* <576px
btn-danger id="​col​lap​se1​" modal-​dialog
col-sm-* ≥576px
modal-​content
col-md-* ≥768px

col-lg-* ≥992px modal-​header

col-xl-* ≥1200px : modal-​title

modal-body

modal-​footer

By kv723 Published 25th August, 2017. Sponsored by CrosswordCheats.com

cheatography.com/kv723/ Last updated 25th August, 2017. Learn to solve cryptic crosswords!
Page 1 of 1. http://crosswordcheats.com