Bootstrap - 列未在同一行上对齐

Question

我有一个包含2列的Bootstrap行。但是当在浏览器的手机模拟中查看它时，它显示为两行。在常规的dekstop模式中，它会按预期进行渲染。

知道造成这种情况的原因是什么？

<header role="heading" class="container-fluid">
            <div class="row">
                <div class="col-sm-2">                  
                    def
                </div>
                <div class="col-sm-9 ">
                    abc                    
                </div>
            </div>
        </header>

Answer 1

正如Atul Kumar所说，“sm”不正确，应该是“xs”