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   这时在移动设备上面查看也是一样的效果

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