第五章Bookstrap

响应式原理：

@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样式查看官网介绍

猜你喜欢