响应式原理:

@media screen and (min-width:300px) and (max-width:500px) {/* CSS 代码 */
}  #代表页面宽度大于300px和小雨500px之间时,使用CSS代码

栅格系统的应用:
<div class="container">  记住container类    <h1>行的栅格系统</h1>    <div class="row">  添加了row类        <div class="  col-md-4">Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套</div>        <div class="  col-md-4">Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套</div>        <div class="  col-md-4">Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套</div>        <div class="  col-md-4">Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套</div>        <div class="  col-md-4">Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套</div>        <div class="  col-md-4">Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套</div>    </div></div>
iconfont 阿里的图标库其他CSS样式查看官网介绍

转载于:https://www.cnblogs.com/tyh-tesla/p/9363606.html

第五章Bookstrap相关推荐

  1. 王道考研 计算机网络笔记 第五章:传输层

    本文基于2019 王道考研 计算机网络: 2019 王道考研 计算机网络 个人笔记总结 第一章:王道考研 计算机网络笔记 第一章:概述&计算机网络体系结构 第二章:王道考研 计算机网络笔记 第 ...

  2. 数字图像处理——第五章 图像复原与重建

    数字图像处理--第五章 图像复原与重建 文章目录 数字图像处理--第五章 图像复原与重建 写在前面 1 图像退化/复原过程的模型 2 噪声模型 2.1 高斯噪声 2.2 椒盐噪声 3 仅有噪声的复原- ...

  3. c语言逐步搜索法求有根区间,[C语言第五章.ppt

    [C语言第五章 算法举例 基本思想是,根据提出的问题,列举所有可能的情况,并 用问题中给定的条件检验哪些是需要的,哪些是不需要的. 教学进程 列举与试探 列举法常用于解决"是否存在" ...

  4. 2018-4-8蚁群算法---包子阳《智能优化算法以及Matlab实现》第五章

    资料来源: <智能优化算法以及matlab实现>包子阳  余继周 编著 第五章-----蚁群算法 是一种元启发式优化算法(自己理解:就是作为群体的单位个体也就是元,在里面充当着随机的选择搜 ...

  5. Linux内核分析——第五章 系统调用

    第五章 系统调用 5.1 与内核通信 1.系统调用在用户空间进程和硬件设备之间添加了一个中间层,该层主要作用有三个: (1)为用户空间提供了一种硬件的抽象接口 (2)系统调用保证了系统的稳定和安全 ( ...

  6. 2021 线性代数 第五章 习题课

    第5章 实对称矩阵与二次型 5.1 实对称矩阵的对角化(基础部分) 5.1 实对称矩阵的对角化(提高部分) 5.2 二次型及标准形(基础部分) 5.2 二次型及标准形(提高部分) 5.3 正定二次型与 ...

  7. java十五章_java:第十五章

    第十五章 字符串1.字符串(String)的定义 String str="内容"; String str=new String(); //内容为null String str=ne ...

  8. 国内第一本律师撰写的海关法律专业书籍-《企业如何应对海关行政处罚》-第五章...

    第五章 当企业遭遇申报不实 被海关认定"申报不实"往往是困扰企业尤其是海关信誉良好企业的一块心病,企业这种不知不觉状态下的违规是何原因造成?企业如何规避? 第一节 遭遇申报不实,企 ...

  9. 第五章 RNA-seq分析

    第五章 RNA-seq分析 主要为RNA-seq相关知识,部分内容作笔记自查使用.如有错误或遗漏还请海涵,可评论或邮箱联系. 最后修改时间:2020-09-01 16:11:38 星期二 转录组研究方 ...

最新文章

  1. tbc服务器状态,魔兽怀旧服:TBC上线近俩月,玩家心态改变,开始涌入60级服务器...
  2. tablespace innodb_index_stats is missing
  3. 一些难懂的笑话,看看你懂得多少? [转帖]
  4. php - MySQL创建新用户并授权
  5. ICPC程序设计题解系列
  6. CString Char* 转换 - C++学习
  7. 核心Element对象
  8. Redhat7 安装 yum
  9. 2015061906 - firebug安装和下载(2)
  10. 第一次用vc写的文件切割小软件_CutFile
  11. xhEditor富文本编辑器的使用说明
  12. AGU13-Save The Princess
  13. [微信小程序]手机系统默认字体的设置
  14. MacOS Monterey 12.4 (21F79) OC 0.8.0 / Cl 5146 / PE 三分区原版黑苹果镜像
  15. linux常用命令:文本编辑
  16. 玩转Kaggle:Classify Leaves(叶子分类)——数据分析篇
  17. 程序员工作面试题目汇总
  18. 蓝桥杯单片机第四届省赛题详细讲解(模拟智能灌溉系统)
  19. Unity之人脸识别对比(二)获取摄像头图像以及保存
  20. 大数据精准营销应用(三)

热门文章

  1. java制作程序启动进度窗口
  2. 从架构到代码:软件开发最新趋势解析
  3. 干货 | 携程酒店MOCK全链路实践
  4. 源代码遭泄露,大疆员工被罚20万,判刑半年。
  5. 记下来 Spring 装配 Bean 的三种方式
  6. 如何成为一位「不那么差」的程序员
  7. 单引号和冒号不能存入mysql么_mysql单引号和双引号的用法
  8. 服务器光信号闪红灯是什么意思,路由器光信号闪红灯是什么意思
  9. java 贝塞尔_java贝塞尔曲线翻页效果
  10. 据中心水冷系统备品备件管理新思路