zoukankan      html  css  js  c++  java
  • 第五章Bookstrap

    响应式原理:

    @media screen and (min-300px) and (max-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样式查看官网介绍
  • 相关阅读:
    利用idea里面的mysql插件进行导入sql文件
    JSTL标签
    deepin20系统下配置JAVA开发环境
    deepin20安装及问题解决
    SpringBoot 在项目启之后执行自定义方法的两种方式
    Nick 的经验书
    Java 经验书
    SpringBoot 经验书
    Linux 经验书
    在MacOS中启动SSH服务
  • 原文地址:https://www.cnblogs.com/tyh-tesla/p/9363606.html
Copyright © 2011-2022 走看看