关闭

Bootstrap--排版

标签: bootstrap
261人阅读 评论(0) 收藏 举报
分类:

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:125189次
    • 积分:3106
    • 等级:
    • 排名:第11479名
    • 原创:188篇
    • 转载:70篇
    • 译文:0篇
    • 评论:13条
    my github
    https://github.com/lwg529