Bootstrap 排版

2020-06-18 05:59:22易采站长站整理
本行内容是在标签内,并呈现为斜体

向左对齐文本

居中对齐文本

向右对齐文本

本行内容是减弱的

本行内容带有一个 primary class

本行内容带有一个 success class

本行内容带有一个 info class

本行内容带有一个 warning class

本行内容带有一个 danger class

结果如下所示:

强调


缩写

HTML

结果如下所示:

缩写


地址(Address)

使用

标签,您可以在网页上显示联系信息。由于

默认为 display:block;,您需要使用
标签来为封闭的地址文本添加换行。

实例

 

Some Company, Inc.
007 street
Some City, State XXXXX
P: (123) 456-7890
Full Name
mailto@somedomain.com


结果如下所示:

地址


引用(Blockquote)

您可以在任意的 HTML 文本旁使用默认的

。其他选项包括,添加一个 标签来标识引用的来源,使用 class .pull-right 向右对齐引用。下面的实例演示了这些特性:

实例

 

这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。

这是一个带有源标题的引用。
Someone famous in Source Title

这是一个向右对齐的引用。
Someone famous in Source Title


结果如下所示:

引用


列表

Bootstrap 支持有序列表、无序列表和定义列表。

有序列表:有序列表是指以数字或其他有序字符开头的列表。
无序列表

相关文章 大家在看