CSS辅助

上下文颜色
类名称 例子
.text-muted 示例文本
.text-primary 示例文本
.text-success 示例文本
.text-info 示例文本
.text-warning 示例文本
.text-danger 示例文本
边界半径
类名称 例子
.b-r-xs
示例文本
.b-r-sm
示例文本
.b-r-md
示例文本
.b-r-lg
示例文本
.b-r-xl
示例文本
Hr线
类名称 例子
标准 <hr>
.hr-line-dashed
.hr-line-solid
填充
类名称 例子
.p-xxs
示例文本
.p-xs
示例文本
.p-sm
示例文本
.p-md
示例文本
.p-lg
示例文本
.p-xl
示例文本
.no-paddings
去掉全部填充
示例文本
.p-w-(xs,sm,md,lg,xl)
填充宽度
示例文本
.p-h-(xs,sm,md,lg,xl)
高度宽度
示例文本
边框
类名称 例子
.border-left
示例文本
.border-right
示例文本
.border-top
示例文本
.border-bottom
示例文本
.no-borders
删除所有边框
示例文本
.border-left-right
示例文本
.border-top-bottom
示例文本
.border-size-(sm,md,lg,xl)
示例文本
宽度,高度
类名称 描述
.h-150 最小高度: 150px;
.h-200 最小高度: 200px;
.h-300 最小高度: 300px;
.w-150 最小宽度: 150px;
.w-200 最小宽度: 200px;
.w-300 最小宽度: 300px;
上下文背景
类名称 例子
.bg-muted
示例文本
.bg-primary
示例文本
.bg-success
示例文本
.bg-info
示例文本
.bg-warning
示例文本
.bg-danger
示例文本
图片
类名称 例子
.rounded-circle
.rounded
.img-thumbnail
.img-sm
.img-md
.img-lg
基本字体宽度
类名称 描述
.font-normal 示例文本
.font-bold 示例文本
.font-italic 示例文本
.text-uppercase 示例文本
.text-lowercase 示例文本
.text-capitalize 示例文本
边距
类名称 例子
.m-xxs
示例文本
.m-xs
示例文本
.m-sm
示例文本
.m-md
示例文本
.m-lg
示例文本
.m-xl
示例文本
.m-n
示例文本
.m-l / m-l-(xs,sm,md,lg,xl)
边缘左
示例文本
.m-l-n / m-l-n-(xs,sm,md,lg,xl)
边缘左消极
示例文本
.m-l-none
清边缘左
示例文本
.m-t / m-t-(xs,sm,md,lg,xl)
边缘顶部
示例文本
.m-t-n / m-t-n-(xs,sm,md,lg,xl)
边缘顶部消极
示例文本
.m-t-none
清边缘顶部
示例文本
.m-r / m-r-(xs,sm,md,lg,xl)
边缘右
示例文本
.m-r-n / m-r-n-(xs,sm,md,lg,xl)
边缘右消极
示例文本
.m-r-none
清边缘右
示例文本
.m-b / m-b-(xs,sm,md,lg,xl)
边缘底部
示例文本
.m-b-n / m-b-n-(xs,sm,md,lg,xl)
边缘底部消极
示例文本
.m-b-none
清边缘底部
示例文本
.no-margins
删除所有边距
示例文本