INSPINIA | CSS帮助类

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 Line

类名	示例
标准 `<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`	min-height: 150px;
`.h-200`	min-height: 200px;
`.h-300`	min-height: 300px;
`.w-150`	min-width: 150px;
`.w-200`	min-width: 200px;
`.w-300`	min-width: 300px;

上下文背景

类名	示例
`.bg-muted`	示例文本
`.bg-primary`	示例文本
`.bg-success`	示例文本
`.bg-info`	示例文本
`.bg-warning`	示例文本
`.bg-danger`	示例文本

图片

类名	示例
`.img-circle`
`.img-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` 删除所有外边距	示例文本