zoukankan      html  css  js  c++  java
  • 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   这时在移动设备上面查看也是一样的效果

  • 相关阅读:
    动画02
    动画01
    css过渡
    06强制类型转换
    05强制类型转换
    jetson 安装opencv4.4.0
    cpp中的内置异常
    cpp中std::string和std::wstring 相互转换
    qt creator杂记
    win10 git bash 使用vim 显示 git log
  • 原文地址:https://www.cnblogs.com/zhangxg/p/4541274.html
Copyright © 2011-2022 走看看