标题
可使用
<h1>
到
<h6>
作为标题,如果需要使用标题的样式,但又想使用内联文本,也可以为元素添加
.h1
到
.h6
class类来实现。
h1. 一级标题
h2. 二级标题
h3. 三级标题
h4. 四级标题
h5. 五级标题
h6. 六级标题
副标题
可以通过
<small>
标签,或者通过为元素添加
.small
类来实现副标题的显示。
这里是标题 这里是副标题
这里是标题 这里是副标题
这里是标题 这里是副标题
这里是标题 这里是副标题
这里是标题 这里是副标题
这里是标题 这里是副标题
页面主体
Admui 默认的字体大小
font-size
是
14px,行高
line-height
为
1.6,这些样式会应用到
<body>
元素及所有的段落上。此外,段落
<p>
会取一半的行高做为段落后面的距离。
突出显示
对于高亮显示的文本,因为它具有上下文的关联性,所以我们使用
<mark>
标签,如下所示:
您可以使用mark标签来显示需要 突出显示 的文本。
地址
为了让联系信息以最接近日常使用的格式呈现。请在每行添加
<br>
标签以保留需要的样式。
中国杭州市余杭区
文一西路969号 (311121)
电话: (+86) 571-8502-2088 阿里巴巴(中国)有限公司
first.last@example.com
无序列表
- 这是一个无序列表
- 包含了四个列表项
- 和一个子列表
- 这里是子列表
- 包含两个列表项
- 作为示例
有序列表
- 这是一个有序列表
- 包含了四个列表项
- 和一个子列表
- 这里是子列表
- 包含两个列表项
- 作为示例
无样式列表
移除了列表默认
list-style
样式,并添加了 m-left,但不对嵌套的子列表生效。
- 这是一个无序列表
- 包含了四个列表项
- 和一个子列表
- 这里是子列表
- 包含两个列表项
- 作为示例
图标列表
使用图标来作为列表标记。
可收缩列表
可收起/展开的列表。
行级列表
默认样式使用
display: inline-block;
并留有一定的 padding。
- 苹果
- 葡萄
- 梨
带描述的列表
带标题和描述的列表。
- 计算机
- 用来计算的仪器
- 显示器
- 以视觉方式显示信息的装置
水平排列的描述列表
.dl-horizontal
可以让
<dl>
内的标题及其描述排在一行。
- 计算机
- 用来计算的仪器
- 显示器
- 以视觉方式显示信息的装置
首字下沉
使用
.drop-cap
类,可为段落文字添加首字下沉效果。
宋代著名学者朱熹对此章评价极高,说它是「入道之门,积德之基」。本章这三句话是人们非常熟悉的。历来的解释都是:学了以后,又时常温习和练习,不也高兴吗等等。三句话,一句一个意思,前后句子也没有什么连贯性。但也有人认为这样解释不符合原义,指出这里的「学」不是指学习,而是指学说或主张;「时」不能解为时常,而是时代或社会的意思,「习」不是温习,而是使用,引申为采用。而且,这三句话不是孤立的,而是前后相互连贯的。这三句的意思是:自己的学说,要是被社会采用了,那就太高兴了;退一步说,要是没有被社会所采用,可是很多朋友赞同我的学说,纷纷到我这里来讨论问题,我也感到快乐;再退一步说,即使社会不采用,人们也不理解我,我也不怨恨,这样做,不也就是君子吗?(见《齐鲁学刊》1986年第6期文)这种解释可以自圆其说,而且也有一定的道理,供读者在理解本章内容时参考。
此外,在对「人不知,而不愠」一句的解释中,也有人认为,「人不知」的后面没有宾语,人家不知道什么呢?当时因为孔子有说话的特定环境,他不需要说出知道什么,别人就可以理解了,却给后人留下一个谜。有人说,这一句是接上一句说的,从远方来的朋友向我求教,我告诉他,他还不懂,我却不怨恨。这样,「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。
事实上,我们提供的排版样式远远超过了以上列举的内容,以上列举的只是我们在 Bootstrap 基础上做了扩展的部分内容