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删除所有边距 |
示例文本 |