Bootstrap 学习笔记 之代码和表格 (3 day)
代码:
Bootstrap 允许以两种方式显示代码:
- 第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。
- 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 <pre> 标签。
请确保当您使用 <pre> 和 <code> 标签时,开始和结束标签使用了 unicode 变体: < 和 >。 // 分别表示为:< 和 > 符号,转义字符比如在面包屑当中会用到这里的Unicode编码,省去了使用图片或者输入大于或者小于号。
表格:
Bootstrap里面有多种表格样式,比如:基础表格【只带有内边距(padding)和水平分割的基本表,添加 class .table类名】、条纹表格(.table-striped // 一行有背景色,另下一行没有背景色,如同斑马线的条纹 )、边框表格( .table-bordered)、悬停表格(.table-hover class,当指针悬停在行上时会出现浅灰色背景)、响应式表格(通过外围包裹一个div,同时设定类名为:.table-responsive 这时在移动设备上面查看也是一样的效果)