本文共 2038 字，大约阅读时间需要 6 分钟。
-强调相关的类
在Bootstrap中除了使用标签`、`等说明正文某些字词、句子的重要性，Bootstrap还定义了一套类名，这里称其为强调类名（类似前面说的“.lead”）,这些强调类都是通过颜色来表示强调，具本说明如下：
> .text-muted：提示，使用浅灰色（#999）> .text-primary：主要，使用蓝色（#428bca）> .text-success：成功，使用浅绿色(#3c763d)> .text-info：通知信息，使用浅蓝色（#31708f）> .text-warning：警告，使用黄色（#8a6d3b）> .text-danger：危险，使用褐色（#a94442）
在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格：为了简化操作，方便使用，Bootstrap通过定义四个类名来控制文本的对齐风格： ☑ .text-left：左对齐 ☑ .text-center：居中对齐 ☑ .text-right：右对齐 ☑ .text-justify：两端对齐
代码（一）
本节内容相对来说比较简单，一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格：1、使用`———- - **表格**`来显示单行内联代码2、使用``来显示多行块代码3、使用``来显示用户输入代码预编译版本的Bootstrap将代码的样式单独提取出来：1、LESS版本，请查阅code.less文件2、Sass版本，请查阅_code.scss文件编译出来的CSS代码请查阅bootstrap.css文件第688行~第730行，由于代码太长，此处不一一列举。在使用代码时，用户可以根据具体的需求来使用不同的类型：1、：一般是针对于单个单词或单个句子的代码2、：一般是针对于多行代码（也就是成块的代码）3、:一般是表示用户要通过键盘输入的内容虽然不同的类型风格不一样，但其使用方法是类似的。code风格：Bootstrap的代码风格有三种：pre风格：<code><pre><kbd>kbd风格：<ul><li>...</li><li>...</li><li>...</li></ul>请输入 ctrl+c来复制代码，然后使用 ctrl+v来粘贴代码不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。而且对于代码块风格，标签前面留多少个空格，在显示效果中就会留多少个空格。建议在编写HTML标签时，就控制好
表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中，只需要添加对应的类名就可以得到不同的表格风格，在接下来的内容中，我们会详细介绍Bootstrap的表格使用。同样的，如果你对CSS预处理器熟悉，你可以使用Bootstrap提供的预处理版本： ☑ LESS版本，对应的文件是 tables.less ☑ Sass版本，对应的文件是 _tables.scss如果你不懂LESS或Sass也不妨，你在bootstrap.css文件中第1402行~第1630行中可以查阅到所有有关于table的样式代码。由于代码太长，此处不一一列举。刚已经说了，Bootstrap为表格不同的样式风格提供了不同的类名，主要包括： ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧凑型表格 ☑ .table-responsive：响应式表格
每一个表单都是由表单控件组成。离开了控件，表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。
单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应的是input[type=“text”])的形式来定义样式的。
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，如：
转载地址：http://rskii.baihongyu.com/