使用bootstrap 4缺少col-xs大小

时间:2017-05-03 03:46:00

标签: bootstrap-4 react-bootstrap twitter-bootstrap-4

在我的react项目中,使用react-bootstrap,除了xs集之外,它还为网格大小加载了所有css。

但是,$ echo "abc 1 2 3 4 5 def 8 9 sometext 5000 23 4 34 56 112" | awk '{printf "%10s", $1; for (i=2;i<=NF;i++) printf "%s%5d", OFS, $i; print ""}' abc 1 2 3 4 5 def 8 9 sometext 5000 23 4 34 56 112 集确实应用于所有网格大小的默认样式,但不包括媒体查询。

我有什么明显的遗失吗?

Bootstrap 4

1 个答案:

答案 0 :(得分:10)

-xs-中缀已从Bootstrap 4 Alpha 6中删除,所以这些类只是col-1col-2 .. col-12等......

由于Bootstrap是“移动优先”,因此xs断点(&lt; 576px)是默认值,并且没有媒体查询。只有较大断点的媒体查询才能覆盖较小的断点。从最小的每个断点开始会覆盖下一个断点。

xs(默认)&gt;被sm&gt;覆盖被md&gt;覆盖被lg&gt;覆盖被xl

覆盖