Bootstrap4入门

基础样式

颜色

文字颜色以.text-*开头

背景颜色.bg-*

primary / seconday / success / danger / warning / info / muted / white / light / dark

文本样式

text-left / text-right / text-center 

text-nowrap(文本一行显示) / text-truncate(文本一行显示,超出部分...)

text-lowercase / text-uppercase / text-capitalize (首字母大写)

font-weight-bold / font-weight-normal / font-weight-light / font-italic

text-hide

元素大小

w-25 -> widht:25% 

w-50 / w-75 / w-100 / h-25 / h-50 / h-75 / h-100

mw-100 -> max-width:100%

mh-100 -> max-height:100%

间距

m(margin) / p(padding)

l(left) / t(top) / b(bottom) / r(right) / x(left|right) / y(top/bottom)

SIZE:0 / 1 / 2 / 3 / 4 / 5 / auto  

case

mt-0 -> margin-top

mx-2 -> margin-left | margin-right

p-2 -> padding

定位

position-relative / position-absolute / position-fixed / position-static / position-sticky

fixed-top

fixed-bottom

sticky-top

Display

d-*

none / block / inline / inline-block / flex / inline-flex

浮动

clearfix

float-left / float-right / float-none

边框

border / border-top / border-right / border-bottom / border-left

border-0 / border-top-0 / border-right-0 / border-bottom-0 / border-left-0

border-primary / border-seconday / border-success / border-danger / border-warning / border-info  / border-dark / border-light / border-white

rounded / rounded-circle / rounded-0

组件

按钮

猜你喜欢

转载自www.cnblogs.com/sonwrain/p/10801480.html