Bootstrap 学习笔记 之代码和表格 （3 day）

标签：

代码：

Bootstrap 允许以两种方式显示代码：

• 第一种是 <code> 标签。如果您想要内联显示代码，那么您应该使用 <code> 标签。
• 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 <pre> 标签。

请确保当您使用 <pre> 和 <code> 标签时，开始和结束标签使用了 unicode 变体： &lt; 和 &gt;。  // 分别表示为：< 和 > 符号，转义字符比如在面包屑当中会用到这里的Unicode编码，省去了使用图片或者输入大于或者小于号。

表格：

Bootstrap里面有多种表格样式，比如：基础表格【只带有内边距（padding）和水平分割的基本表，添加 class .table类名】、条纹表格（.table-striped // 一行有背景色，另下一行没有背景色，如同斑马线的条纹 ）、边框表格（ .table-bordered）、悬停表格（.table-hover class，当指针悬停在行上时会出现浅灰色背景）、响应式表格（通过外围包裹一个div，同时设定类名为：.table-responsive   这时在移动设备上面查看也是一样的效果）

Bootstrap 学习笔记 之代码和表格 （3 day）

标签：

原文地址：http://www.cnblogs.com/zhangxg/p/4541274.html