在较小的设备上更改css属性

Question

简单的问题。

我想将类的css属性（比如容器的padding-top）设置为不同的值，具体取决于我是在xs设备上还是在sm设备上。

有什么建议吗？

对不起基本问题。

Answer 1

您可以使用CSS媒体查询。 Bootstrap包括针对特定设备的媒体查询＆＃34;断点＆＃34; （http://getbootstrap.com/css/#grid-media-queries）所以你会像这样覆盖..

    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        .container {
            padding-top:20px;
        }
    }

    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
        .container {
            padding-top:40px;
        }
    }

演示： http://bootply.com/NLOH2yNKnM