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样式查看官网介绍
  • 相关阅读:
    springMVC-接收数据-参数绑定
    我的asp.net core目录
    我的IdentityServer目录
    win10安装mysql
    asp.net core webapi 生成导出excel
    Dapper, 批量插入,批量更新, 以及in, like
    asp.net core 依赖注入几种常见情况
    asp.net core 2.1 配置管理
    各个模式的accesstoken续期详解
    ResourceOwnerPassword模式使用数据库.
  • 原文地址:https://www.cnblogs.com/tyh-tesla/p/9363606.html
Copyright © 2011-2022 走看看