Please enable JavaScript.
Coggle requires JavaScript to display documents.
Bootstrap - Coggle Diagram
Bootstrap
Fundamentals
Layout
Container
container
container-[sm,md,lg,xl,xxl]
container-fluid
row
row-cols-[1-12]
row-cols-[1-12]-[sm-md-lg,xl,xxl]
col
col
col-auto
col-[sm,md,lg,xl,xxl]
col-[1-12]
col-lg-2
Aligment(main,cross axis) [justify,align]-[content,items,self]-[start,center,end,around,between,evently]
Spacing
Gutters
g-[sm,md,lg,xl,xxl]-[1-...]
g-[1-...]
Offset
offset-[sm,md,lg,xl,xxl]-[1-12]
Margin-Padding
[m-p]t,b,s,e,x,y]-[0-5,auto]
Order
order-[1-12]
order-[sm,md,lg,xl,xxl]-[1-5]
order-first
order-last
order-lg-last
order-lg-first
2nd
Colors
text-primary
bg-primary
Border
Display
d-[sm,md,lg,xl,xxl]
d-[sm,md,lg,xl,xxl]-[inline,block,none]
Float
Embed
overflow
overflow-auto
overflow-hidden
Shadow
shadow-none
shadow-sm
shadow-lg
Position
static
relative
absolute
fixed
fixed-top
sticky
sticky-top
Flex
d-flex
d-md-flex
flex-wrap
Images
im-fluid
img-thumbnail
Figure