标题

可使用 <h1><h6> 作为标题,如果需要使用标题的样式,但又想使用内联文本,也可以为元素添加 .h1.h6 class类来实现。

h1. 一级标题

h2. 二级标题

h3. 三级标题

h4. 四级标题

h5. 五级标题
h6. 六级标题

副标题

可以通过 <small> 标签,或者通过为元素添加 .small 类来实现副标题的显示。

这里是标题 这里是副标题

这里是标题 这里是副标题

这里是标题 这里是副标题

这里是标题 这里是副标题

这里是标题 这里是副标题
这里是标题 这里是副标题

页面主体

Admui 默认的字体大小 font-size14px,行高 line-height1.6,这些样式会应用到 <body> 元素及所有的段落上。此外,段落 <p> 会取一半的行高做为段落后面的距离。

突出显示

对于高亮显示的文本,因为它具有上下文的关联性,所以我们使用 <mark> 标签,如下所示:

您可以使用mark标签来显示需要 突出显示 的文本。

地址

为了让联系信息以最接近日常使用的格式呈现。请在每行添加 <br> 标签以保留需要的样式。

阿里巴巴(中国)有限公司
中国杭州市余杭区
文一西路969号 (311121)
电话: (+86) 571-8502-2088
阿里巴巴(中国)有限公司
first.last@example.com

无序列表

  • 这是一个无序列表
  • 包含了四个列表项
  • 和一个子列表
    • 这里是子列表
    • 包含两个列表项
  • 作为示例

有序列表

  1. 这是一个有序列表
  2. 包含了四个列表项
  3. 和一个子列表
    1. 这里是子列表
    2. 包含两个列表项
  4. 作为示例

无样式列表

移除了列表默认 list-style 样式,并添加了 m-left,但不对嵌套的子列表生效。

  • 这是一个无序列表
  • 包含了四个列表项
  • 和一个子列表
    • 这里是子列表
    • 包含两个列表项
  • 作为示例

图标列表

使用图标来作为列表标记。

  • 这是一个无序列表
  • 包含了四个列表项
  • 和一个子列表
    • 这里是子列表
    • 包含两个列表项
  • 作为示例

可收缩列表

可收起/展开的列表。

  • 这是一个无序列表
  • 包含了四个列表项
  • 和一个子列表
    • 这里是子列表
    • 包含两个列表项
  • 作为示例

行级列表

默认样式使用 display: inline-block; 并留有一定的 padding。

  • 苹果
  • 葡萄

带描述的列表

带标题和描述的列表。

计算机
用来计算的仪器
显示器
以视觉方式显示信息的装置

水平排列的描述列表

.dl-horizontal 可以让 <dl> 内的标题及其描述排在一行。

计算机
用来计算的仪器
显示器
以视觉方式显示信息的装置

首字下沉

使用 .drop-cap 类,可为段落文字添加首字下沉效果。

代著名学者朱熹对此章评价极高,说它是「入道之门,积德之基」。本章这三句话是人们非常熟悉的。历来的解释都是:学了以后,又时常温习和练习,不也高兴吗等等。三句话,一句一个意思,前后句子也没有什么连贯性。但也有人认为这样解释不符合原义,指出这里的「学」不是指学习,而是指学说或主张;「时」不能解为时常,而是时代或社会的意思,「习」不是温习,而是使用,引申为采用。而且,这三句话不是孤立的,而是前后相互连贯的。这三句的意思是:自己的学说,要是被社会采用了,那就太高兴了;退一步说,要是没有被社会所采用,可是很多朋友赞同我的学说,纷纷到我这里来讨论问题,我也感到快乐;再退一步说,即使社会不采用,人们也不理解我,我也不怨恨,这样做,不也就是君子吗?(见《齐鲁学刊》1986年第6期文)这种解释可以自圆其说,而且也有一定的道理,供读者在理解本章内容时参考。

外,在对「人不知,而不愠」一句的解释中,也有人认为,「人不知」的后面没有宾语,人家不知道什么呢?当时因为孔子有说话的特定环境,他不需要说出知道什么,别人就可以理解了,却给后人留下一个谜。有人说,这一句是接上一句说的,从远方来的朋友向我求教,我告诉他,他还不懂,我却不怨恨。这样,「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。

事实上,我们提供的排版样式远远超过了以上列举的内容,以上列举的只是我们在 Bootstrap 基础上做了扩展的部分内容