Bootstrap--排版

来源：互联网发布：淘宝营销推广工具编辑：程序博客网时间：2024/05/22 09:48

1.标题
Bootstrap中定义了所有的标题
2.内联子标题
如果需要添加内联子标题，只需要简单的在元素两旁添加

<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1>

3.引导主体副本
为了给段落添加强调文本，则可以添加class=”lead”,这将得到更大更粗行更高的文本

<p class="lead">引导主体副本</p>

4.强调

<small>设置文本为父文本大小的85%，<strong>设置文本为更粗的文本，<em>设置文本为斜体

5.缩写

<abbr>文本的底部一条虚线框，当鼠标悬停在上面时，会显示完整的文本。

<abbr title="World Wide Web">WWW</abbr><br><abbr title="Real Simple Syndication" class="initialism">RSS</abbr>

6.地址

<address>可以在网页上显示联系信息，默认为display:block

<address>  <strong>Some Company, Inc.</strong><br/>  007 street<br/>  Some City, State XXXXX<br/>  <abbr title="Phone">P:</abbr> (123) 456-7890</address>

7.引用

<blockquote>添加一个 <small> 标签来标识引用的来源，使用 class .pull-right 向右对齐引用。<blockquote class="pull-right">这是一个向右对齐的引用。<small>Someone famous in <cite title="Source Title">Source Title</cite></small></blockquote>

8.列表

列表分为有序列表和无序列表
无序列表是指没有特定顺序的列表，是以着重号开始的列表。可以使用class.list-unstyled移出样式

0 0