Twitter bootstrap 在480和768px之间的引导中会发生什么?

Twitter bootstrap 在480和768px之间的引导中会发生什么?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,在中,它有“高达480px”和“768px及以上”的媒体查询,但在这些大小之间没有任何查询 怎么回事?这是评论中的错误还是什么?Bootstrap是一个“移动优先”的框架。这意味着最初的核心样式是为智能手机设备(高达768px)设计的 之后,定义了各种分辨率断点,这些断点触发其他样式,这些样式覆盖或补充核心样式,以优化各种设备的布局。例如,默认情况下,导航菜单可能在移动优化布局中隐藏,但如果分辨率达到768像素,平板电脑优化样式将启动并将导航菜单显示为下拉菜单 这听起来可能有点混乱,但如果您想为

在中,它有“高达480px”和“768px及以上”的媒体查询,但在这些大小之间没有任何查询

怎么回事?这是评论中的错误还是什么?

Bootstrap是一个“移动优先”的框架。这意味着最初的核心样式是为智能手机设备(高达768px)设计的

之后,定义了各种分辨率断点,这些断点触发其他样式,这些样式覆盖或补充核心样式,以优化各种设备的布局。例如,默认情况下,导航菜单可能在移动优化布局中隐藏,但如果分辨率达到768像素,平板电脑优化样式将启动并将导航菜单显示为下拉菜单

这听起来可能有点混乱,但如果您想为智能手机添加样式,只需将它们添加到您的样式表中,而无需媒体查询。如果要覆盖或补充平板电脑的这些样式,请使用
@media(最小宽度:@screen sm){…}
媒体查询。桌面和超宽桌面布局也是如此

应该注意的是,如果愿意,您可以覆盖这些解析断点

更新

从这个答案中:


看起来有一些代码用于使用480px断点的“微型”网格系统,但它似乎没有实现。

非正式地说,480和768之间有一个断点称为ms(然后使用col-ms等),请参阅

另请参见示例,以查看ms hack的实际操作


对于480-768之间的分辨率,将采用默认CSS值,该值未在
media
标记下声明。其他解决方案提供了覆盖默认样式是,对。在这种情况下,文档不是最新的,另请参见: