【BootStrap】BootStrap排版


BootStrap排版

标题 h1 ~h6 :

h1 ~h6 可以直接使用

,

也可以作为 class属性使用 如hello

标题的副标题  hello

body全局样式:

Bootstrap为全局设置字体为14px, 行间距为字体的1.428倍(20px)
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}

p标签全局样式:

p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}

//可以给标签通过设置class="lead" 对标签内文本起强调作用
如 hello

对齐方式:

强调:

缩略语:

学习BootStrap

//HTML页面中显示abbr括起来的文本,鼠标移上去后显示title内容的文本

地址:

Twitter, Inc.
1355 Market Street, Suite 900
San Francisco, CA 94103
P: (123) 456-7890
Full Name
first.last@example.com

引用

在你的文档中引用其他来源的内容。

默认样式的引用

将任何 HTML 元素包裹在 

 中即可表现为引用样式。对于直接引用,我们建议用 

 标签。

多种引用样式

对于标准样式的 

,可以通过几个简单的变体就能改变风格和内容。

命名来源

添加 

 用于标明引用来源。来源的名称可以包裹进 标签中。

另一种展示风格

通过赋予 .blockquote-reverse 类可以让引用呈现内容右对齐的效果。