其他分享
首页 > 其他分享> > bootstrap css

bootstrap css

作者：互联网

bootstrap common

.container (-sm md lg xl xxl fluid)

.container
.row
.col
.col-5 (<=12)
.col-lg-2
.align-item-(start center end)<col>
.justify-content-(start center end around between evenly)<row>
.order-1 (排序 12345 first last)
.offset-md-4 (偏移)
.p-2 (padding 012345)<col>
.g-5 (gutters 012345 空隙)<row>

.h1 (123456)
.display (不加粗heading)
.lead 文章标题
.small 小文本
.mark 标记
.list-unstyled list没有样式
.list-inline 行内list
.list-inline-item


.d-flex
.d-inline-flex

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-body
.bg-white
.bg-transparent
.bg-gradient  <渐变>

.border(-0)
.border-top(-0)
.border-end
.border-bottom
.border-start
.border-success <颜色>
.border-1 <线条 12345>
<圆角>
.rounded
.rounded-top
.rounded-end
.rounded-bottom
.rounded-start
.rounded-circle
.rounded-pill <椭圆>
.rounded-0 <线条0123>

.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50

.btn-primary
.btn-outline-primary
.btn-sm

.d-none
.d-inline
.d-inline-block
.d-block
.d-grid
.d-table
.d-table-cell
.d-table-row
.d-flex
.d-inline-flex

.flex
.flex-row
.flex-row-reverse
.flex-column
.flex-column-reverse
.flex-nowrap <换行>
.flex-wrap
.flex-wrap-reverse
.justify-content-start
.justify-content-end
.justify-content-center
.justify-content-between
.justify-content-around
.justify-content-evenly
.align-items-start
.align-items-end
.align-items-center
.align-items-baseline
.align-items-stretch
<in item 行内>
.align-self-start
.align-self-end
.align-self-center
.align-self-baseline
.align-self-stretch
.flex-fill
.flex-{grow|shrink}-0 <grow shrink 伸展收缩>
.flex-{grow|shrink}-1
.order-0 <排序012345 first last>
.align-content-start <换行垂直对齐 flex-wrap>
.align-content-end
.align-content-center
.align-content-around
.align-content-stretch

.float-start
.float-end
.float-none

.overflow-auto
.overflow-hidden
.overflow-visible
.overflow-scroll

.position-static
.position-relative
.position-absolute
.position-fixed
.position-sticky

.shadow-none
.shadow-sm
.shadow
.shadow-lg

.w-25 (宽度 25 50 75 100 auto)
.h-25 (高度 25 50 75 100 auto)
mw-100 <最大宽高>
mh-100
min-vw-100 <视窗宽高>
min-vh-100
vw-100
vh-100

.mt-0 <m margin;p padding;t top;b bottom,s start;e end;x sd;y tb;size 012345auto>
.mt-n1 <n negative 负>
gap
.d-grid 
.gap-3

.text-start (文本对齐 start center end)
.text-wrap 换行
.text-nowrap
.text-lowercase 小写
.text-uppercase 大写
.text-capitalize 首字母大写
.fs-1 (大小font-size)
.fw-bold (尺寸 font-weight)
.fw-bolder
.fw-normal
.fw-light
.fw-lighter
.fst-italic 斜体
.fst-normal
.lh-1 （行高 line-heigh）
.lh-sm
.lh-base
.lh-lg
.text-reset (a标签去除颜色)
.text-decoration-underline 下划线
.text-decoration-line-through 中划线
.text-decoration-none 没有划线

.align-baseline
.align-top
.align-middle
.align-bottom
.align-text-top
.align-text-bottom

.visible
.invisible

<i class="bi bi-alarm"></i>

标签：flex,bg,text,align,bootstrap,content,start,css
来源： https://www.cnblogs.com/jqynr/p/16460300.html