(2)页面主体
Bootstrap 将全局 font-size
设置为 14px,line-height
设置为 1.428。这些属性直接赋予 元素和所有段落元素。另外,
(段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。
实例
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
(3)中心内容
通过添加 .lead
类可以让段落突出显示。
class="lead">
Welcome to our world
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nullam id dolor id nibh ultricies vehicula.
(4 )内联文本元素
通过添加 标签可以为元素添加背景颜色并高亮文本。
实例:
class="lead">
Welcome to our world
在上面的结果中,world背景颜色变成了#fcf8e3,图片上看不清,大家可以在自己的浏览器中查看下,而且world也被高亮了。
(5)被删除的文本
我们要显示某些被删除的文本,可以使用标签。
实例:
class="lead">
Welcome to our world
hello everybody this is delete
(6)无用文本
对于没有用的文本我们可以使用标签。
实例:
class="lead">
Welcome to our world
hello everybody this is delete
This line of text is meant to be treated as no longer accurate.
对于这个标签的结果我没有看出来和上面那个标签的结果有什么不同,也许只是表达方式不同吧,有知道有什么不同的大神,请告知。下面的插入文本和带下划线的文本也是。
(7)插入文本
额外插入的文本使用 标签。
实例:
Welcome to our world
(8)带下划线的文本
为文本添加下划线,使用 标签。
Welcome to our world
Welcome to our world
(9)对齐
通过文本对齐类text-*,可以简单方便的将文字重新对齐。
实例:
class
="text-left">Left aligned text.class="text-center">Center aligned text.
class="text-right">Right aligned text.
class="text-justify">Justified text.
class="text-nowrap">No wrap text.
(10)改变大小写
通过下面几个类改变文本的大小写。
class
="text-lowercase">Lowercased text.class="text-uppercase">Uppercased text.
class="text-capitalize">Capitalized text.
(11)地址
让联系信息以最接近日常使用的格式呈现。在每行结尾添加
可以保留需要的样式。
Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com
对于其他的排版内容,大家可以查看官方文档。谢谢