Bootstrap 媒体查询

在栅格系统中，我们使用以下媒体查询来创建关键的分界点阈值。

    <style>
        @media (min-width: 970px) and (max-width:1200px) {
            p{
                background:red;
            }
        }
        @media (min-width: 768px) and (max-width:970px) {
            p{
                background:blue;
            }
        }
    </style>