Html 为什么我的引导网格系统不工作？

我不明白为什么我的网格系统没有按预期显示

Html代码：

<header class="navbar navbar-dark navbar-expand bd-navbar bg-dark p-0 shadow">
    <div class="col-sm-12 col-md-12 col-lg-12">
        <div class="col-sm-12 col-md-12 col-lg-3 text-sm-center text-md-center text-lg-left">
            <a class="navbar-brand"><!-- img src is django code, ignore it-->
                <img src="{% static 'images/logo.jpg' %}" class="rounded-circle" style="height:30px;width:30px;">
                <label style="font-family: 'Oswald', 'DejaVu Sans Mono' !important; color:white;">Title</label>
            </a>
        </div>

        <div class="col-sm-12 col-md-12 col-lg-9 text-sm-center text-md-center text-lg-left">
            <!--my form here-->
        </div>
    </div>
</header>

. 但我得到的结果是


为什么？？？！！！
谢谢
 您的列
应放在第
行内，如下所示：

<div class="row">
  <div class="col-9"></div>
  <div class="col-3"></div>
</div>


谢谢！如果我只希望
row
类在
lg
中工作，而不想在其他大小中工作，我该怎么做？row需要在每个子div上工作，这是最佳实践。您还需要将行放在div类容器或容器fluid中，但有时您不知道行的结尾，因为它取决于屏幕大小（sm、md、lg等）。你是怎么处理的？它有任何文档吗？
行
将具有contains中元素的大小。这就是为什么要在内部使用
列
，来管理
行