大佬教程收集整理的这篇文章主要介绍了Bootstrap每天必学之基础排版,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
本次主要来了解的是排版,这个大部分在HTML的基本标签中也是存在的,所以相对比较简单,为了保证系列的完整性,也顺带复习下,还是记录一下。主要内容如下:
直接看效果吧
在标题内还可以包含
(段落)还被设置了等于1/2行高的底部外边距(margin)(即10px)。
:1px solid ">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.
@H_148_0@maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis,eget lacinia odio sem nec elit.通过效果展示就很明显了。
Lead body copy 通过添加.lead可以让段落突出显示。
:1px solid ">Nullam quis risus eget urna mollis ornare vel eu Leo. Cum sociis natoque penatibus et magnis dis parturient montes,eget lacinia odio sem nec elit.
通过和上面页面主体的对比就可以看到明显的效果了。
2.着重 通过增加font-weight强调一段文本。
3.斜体 用斜体强调一段文本。
4.对齐class 通过文本对齐class,可以简单方便的将文字重新对齐。
很明显第一行左对齐,第二行居中,第三行右对齐。 5.强调class 这些class通过颜色来表示强调。也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深,就像默认的链接样式。
Mary">Maecenas sed diam eget risus varius blandit sit amet non magna.
success">.Maecenas sed diam eget risus varius blandit sit amet non magna.
看到效果了,就是没办法截到图。 Initialism 为缩略语添加.initialism可以将其font-size设置的更小些。
还是只上代码自己看效果。
使用.pull-right可以让引用展现出向右侧移动、对齐的效果。
向右对齐移动了额,当然也有相应的pull-left。