如何在引导4中跨越两行列

尽管这个问题以前被问过很多,但所有人都回答了这样一个建议:跨越一个列,将其他列放入一个内部行,如下所示:

<div class="row">
  <div class="col-12 col-md-4">logo</div>
  <div class="col-12 col-md-8">
    <div class="row">
      <div class="col-12">top nav</div>
      <div class="col-12">bottom nav</div>
    </div>
  </div>
</div>

在桌面上的结果是这样的:

而且,在手机上,它看起来是这样的:

但是,所需的结果是在两个导航之间放置徽标,如下所示:

到目前为止,我的最佳选择是两个位置的两个徽标,然后隐藏并以不同的视区大小显示它们。这是可行的,但不是一个很好的解决方案。