html - Bootstrap - 列不在同一行上对齐

Question

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

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

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