引导行未覆盖汉堡包的宽度

Question

引导程序4

<div class="container">
<div class="row">
<div class="col-6">Logo Here</div>
<div class="col-6 text-right">Hamburger Here</div>
<div class="col-12 text-right">Expandable Menu sits in here</div>
</div><!-- Closes Row -->
</div><!-- Closes Container -->

这似乎很简单。手机左侧的徽标。汉堡在另一列col-6中向右推。从理论上讲，该行不会扩展容器的整个宽度，直到您单击汉堡包并扩展导航菜单。无论是否有人推动，一行都应覆盖整个宽度。单击徽标后，它的行为几乎像它会稍微扩大一点，因为徽标越来越大。 涉及可扩展导航时，我是否在row-> col dynamic中缺少某些内容？