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样式查看官网介绍
  • 相关阅读:
    类的继承
    面向对象的编程
    Python的模块
    ES6_12_Set和Map数据结构以及for of循环
    ES6_11_字符串、数值、数组、对象扩展
    ES6_09_Generator函数
    ES6_08_Iterator遍历器
    ES6_07_Symbol属性
    ES6_05_三点运算符和形参默认值
    Sqlstate解释
  • 原文地址:https://www.cnblogs.com/tyh-tesla/p/9363606.html
Copyright © 2011-2022 走看看