全面解析Bootstrap排版使用方法（文字样式）
一、段落段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）： 1、全局文本字号为14px(font-size)。 2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。 3、颜色为深灰色（#333）； 二、文字样式在实际项目中，对于一些重要的文本，希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。 如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。 1.粗体：在Bootstrap中，可以使用 2.斜体：在Bootstrap中，可以使用 三、强调类.text-muted：提示，使用浅灰色（#999）.text-primary：主要，使用蓝色（#428bca）.text-success：成功，使用浅绿色(#3c763d).text-info：通知信息，使用浅蓝色（#31708f）.text-warning：警告，使用黄色（#8a6d3b）.text-danger：危险，使用褐色（#a94442）效果如下：
四、文本对齐在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格： ☑ 左对齐，取值left ☑ 居中对齐，取值center ☑ 右对齐，取值right ☑ 两端对齐，取值justify 为了简化操作，方便使用，Bootstrap通过 定义四个类名来控制文本的对齐风格：☑ .text-left：左对齐 ☑ .text-center：居中对齐 ☑ .text-right：右对齐 ☑ .text-justify：两端对齐
如果大家还想深入学习，可以点击进行学习，再为大家附两个精彩的专题： 本文系列教程整理到： 专题中，欢迎点击学习。 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
