Bootstrap 3在移动视图上应用CSS [英] Bootstrap 3 Apply CSS on Mobile View Only

问题描述

我使用Bootstrap 3，在移动视图中，我想应用一些CSS来修复移动视图上的一些错误。我看了文档和谷歌。

I' am using Bootstrap 3, In the mobile view I would like to apply some CSS to fix up some bugs on mobile view. I have looked to documentations and Google it. I' am can't seem to find any clue on it.

是否有可能？

推荐答案

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

Just use the appropriate media queries in your CSS, eg

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

Bootstrap以下宽度

Bootstrap defines the following widths

• 超小型设备（手机，小于768像素）


• 小设备，768像素及以上）


• 中型设备（桌面，992像素以上）


• 大型设备
  

• Extra small devices (phones, less than 768px)
• Small devices (tablets, 768px and up)
• Medium devices (desktops, 992px and up)
• Large devices (large desktops, 1200px and up)

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

See http://css-tricks.com/css-media-queries/ for some more information on media queries.

这篇关于Bootstrap 3在移动视图上应用CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！