logoOutUI

⌘ K
  • 指南
  • 组件
  • 工具类
  • 其他
v5.3.x
  • 组件总览
  • 通用
    • Color 色彩
    • Icon 图标
    • Button 按钮
    • Text 文本
    • Link 链接
    • Typography 排版
  • 布局
    • Grid 栅格
    • Layout 布局
    • Stack 堆栈
  • 表单
    • Input 输入框
    • Select 选择器
    • Radio 单选框
    • Checkbox 复选框
    • Input group 输入组
    • Float label 浮动标签
    • ColorPicker 颜色选择器
    • Slider 滑块
    • Switch 开关
    • Upload 文件上传
    • Form 表单
  • 导航
    • Affix 固钉
    • Breadcrumb 面包屑
    • Dropdown 下拉菜单
    • NavBar 导航栏
    • NavMenu 导航菜单
    • Tabs 标签页
    • Pagination 分页
  • 数据
    • Table 表格
    • Tag 标签
    • Progress 进度条
    • Badge 徽章
    • Avatar 头像
最后更新时间:
Link 链接Grid 栅格
Copyright © 2021-present 粤ICP备2021136339号
‌
‌
‌
‌

Typography 排版

文本的基本格式。

何时使用

当需要展示标题、段落、列表内容时使用,如文章/博客/日志的文本样式。

当需要一列基于文本的基础操作时,如拷贝/省略/可编辑。

标题

<h1>-<h6>展示不同级别的标题

.h1-.h6类也可用使用在其它 HTML 元素。

通过 display heading 突出一个更大、更有观点的标题样式

自定义标题

文本

.mark 将应用与 <mark> 相同的样式。
.small将应用与 <small> 相同的样式。
.text-decoration-underline将应用与<u>相同的样式。
.text-decoration-line-through将应用与<s>相同的样式。

缩写(Abbreviations)

<abbr>用于缩写和缩略语
.initialism加入该样式,可以让字体更大

块引用

用于文档中引用其他来源的内容块<blockquote class="blockquote"></blockquote>
可以给文本和来源设置对齐方式

列表

通过.list-unstyled移除默认的list-style和列表项的左边距(仅适用于直系子项)

行内列表

通过.list-inline .list-inline-item设置行内列表