在我的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
答案 0 :(得分:10)
-xs-
中缀已从Bootstrap 4 Alpha 6中删除,所以这些类只是col-1
,col-2
.. col-12
等......
由于Bootstrap是“移动优先”,因此xs
断点(&lt; 576px)是默认值,并且没有媒体查询。只有较大断点的媒体查询才能覆盖较小的断点。从最小的每个断点开始会覆盖下一个断点。
xs
(默认)&gt;被sm
&gt;覆盖被md
&gt;覆盖被lg
&gt;覆盖被xl