Bootstrap - 列未在同一行对齐

Question

我有一个包含 2 列的 Bootstrap 行。但是在浏览器的 phone 仿真中查看它时，它显示为两行。在常规桌面模式下，它确实按预期呈现。

知道是什么原因造成的吗？

<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"