关于bootstrap自适应屏幕宽度学习

        @media (max-width: 768px) {
            /*没有设置.container类的宽度属性。这样当浏览器宽度小于768px时,.container框架的宽度为100%*/
            /*在这个区域使用.col-xs选择器*/
            .container {
            }
        }

        @media (min-width: 768px) {
            /*在这个区域使用.col-sm选择器*/
            .container {
                width: 750px;
            }
        }

        @media (min-width: 992px) {
            /*在这个区域使用.col-md选择器*/
            .container {
                width: 970px;
            }
        }

        @media (min-width: 1200px) {
            /*在这个区域使用.col-lg选择器*/
            .container {
                width: 1170px;
            }
        }

在这里插入图片描述
在这里插入图片描述

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页