使用Bootstrap 4缺少col-xs大小 [英] Missing col-xs sizes using bootstrap 4

问题描述

在我的react项目中，使用react-bootstrap，它会加载除xs设置之外的所有所有网格大小的css.

In my react project, using react-bootstrap, it's loading all all the css for the grid sizes, except for the xs set.

xs设置的确获得了适用于所有网格尺寸的默认样式，但不包括媒体查询.

the xs set does, however, get the default styles applied to all grid sizes, but does not include the media query.

有什么明显的我想念的东西吗?

Is there something obvious I am missing?

引导程序4

推荐答案

-xs-中缀已从Bootstrap 4 Alpha 6中删除，因此这些类仅是col-1，col-2 .. col-12等...

The -xs- infix was removed from Bootstrap 4 Alpha 6, so the classes are simply, col-1, col-2.. col-12, etc...

由于Bootstrap是移动优先"的设备，因此xs断点(< 576px)是默认的，并且没有媒体查询.仅媒体查询较大的断点以覆盖较小的断点.从最小的每个断点开始，将覆盖下一个断点.

Since Bootstrap is "mobile first", the xs breakpoint (<576px) is the default and are no media queries for it. There are only media queries for the larger breakpoints to override the smaller breakpoints. Starting with the smallest each breakpoint overrides the next..

xs(默认)>被sm覆盖>被md覆盖>被lg覆盖>被xl

xs(default) > overridden by sm > overridden by md > overridden by lg > overridden by xl

这篇关于使用Bootstrap 4缺少col-xs大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！