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

  • 相关阅读:
    小程序登陆流程解析
    小程序连续点击bug解决
    小程序开发文本空格的添加
    微信小程序转支付宝小程序
    支付宝小程序开发入门
    微信小程序开发入门
    text属性
    小程序横向滚动
    will-change
    Docker 系列二(操作镜像).
  • 原文地址:https://www.cnblogs.com/zhangxg/p/4541274.html
Copyright © 2011-2022 走看看