css - Bootstrap 3 仅在移动 View 上应用 CSS

Question

我正在使用 Bootstrap 3，在移动 View 中，我想应用一些 CSS 来修复移动 View 上的一些错误。我查看了文档并用谷歌搜索了它。我似乎找不到任何线索。

这可能吗？

Answer 1

只需在您的 CSS 中使用适当的媒体查询，例如

@media (max-width: 767px) {
    /* CSS goes here */
}

Bootstrap 定义了以下宽度

• 超小型设备(手机，小于 768 像素)
• 小型设备(平板电脑，768 像素及以上)
• 中型设备(台式机、992 像素及以上)
• 大型设备(大型桌面，1200 像素及以上)

参见 http://css-tricks.com/css-media-queries/有关媒体查询的更多信息。