根据Bootstrap第一节我们了解到了一些关于Bootstrap的基本知识,什么是Bootstrap,为什么用,用在哪里,怎么用。在Bootstrap第二式我们近一半了解一些关于Bootstrap的样式和方法
Bootstrap第二是=式我们从排版,代码,表格近一步去了解
一.排版
页面主体
Bootstrap将全局font-size设置为14px,line-height设置为20px
段落的行高设置为10px,颜色设置为#333【通过F12查看】
段落突出显示:通过.lead类可以让段落突出显示
标题
标签:<h1>...<h6>
副标题:在<h1><small>副标题</small></h1>
样式:class="h1"....class="h6"
内联文本元素
标记 class="mark"
线条
删除文本 <del>或<s>
下划线 <u>或<ins>
强调文本
小字体 <small>:标准字号的85%
加粗<strong>
倾斜<em>
对齐
居左:class="text-left"
居中:class="text-center"
居右:class="text-right"
改变大小写
大写 class="text-uppercase"
首字母大写 class="text-capitalize"
小写 class="text-lowercase"
缩略语
当鼠标悬停在缩写和缩写词上就会显示完整内容
基本缩略语<abbr title="完整内容">
首字母缩略语<abbr title="完整内容 class="initialism">
地址
让联系信息以最接近日常使用格式呈现
<address>地址</address>
引用
在你的文档中引用其他来源的内容
默认样式的引用:<blockquote>
右对齐样式引用:<blockquote class="blockquote-reverse">
命名引用来源
添加<footer>用于标明引用来源
来源的名称可以包裹进<cite title="">中
列表
有序列表<ol><li>
无序列表<ul><li>
无样式列表<ul class="list-unstyled">
内联列表<ul class="list-inline">
描述列表
格式:
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
水平排列的描述:<dl class="dl-horizontal">