大佬教程收集整理的这篇文章主要介绍了全面解析Bootstrap排版使用方法(文字样式),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):
1、全局文本字号为14px(font-sizE)。
2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)。
3、颜色为深灰色(#333);
在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。
如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。
1.粗体:在Bootstrap中,可以使用和标签让文本直接加粗。
2.斜体:在Bootstrap中,可以使用或
来实现文本斜体。
效果如下:
在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格:
ώ5; 左对齐,取值left
ώ5; 居中对齐,取值center
ώ5; 右对齐,取值right
ώ5; 两端对齐,取值justify
为了简化操作,方便使用,Bootstrap通过
ώ5; .text-left:左对齐
ώ5; .text-center:居中对齐
ώ5; .text-right:右对齐
ώ5; .text-justify:两端对齐
如果大家还想深入学习,可以点击进行学习,再为大家附两个精彩的专题: 本文系列教程整理到: 专题中,欢迎点击学习。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持菜鸟教程。 以上是大佬教程为你收集整理的全面解析Bootstrap排版使用方法(文字样式)全部内容,希望文章能够帮你解决全面解析Bootstrap排版使用方法(文字样式)所遇到的程序开发问题。 如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。大佬总结
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。