导航中的容器通过高缩放将切换器置于品牌之上

Question

With <div class="content"> inside <nav> 导致切换品牌：

<nav class="navbar navbar-toggleable-md" id="nav-global" role="navigation">
    <div class="container">
      <a class="navbar-brand" href="index.html">somenxavier</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#collapsing-menu" title="Menu"><span class="navbar-toggler-icon">&#9776;</span></button>
      <div class="collapse navbar-collapse justify-content-end" id="collapsing-menu">
        <ul class="navbar-nav">
          <li class="nav-item"><a class="nav-link" href="index.html" title="Home">Home</a></li>
          <li class="nav-item"><a class="nav-link" href="about.md.html" title="About">About</a></li>
        </ul>
      </div>
    </div>
  </nav>

没有内容，一切都很好

我有 300% 的缩放比例，我使用 alpha 6

Answer 1

这是 alpha 6 中的一个已知问题：https://github.com/twbs/bootstrap/issues/22028 它将在 Beta 版本中修复。

导航中的容器通过高缩放将切换器置于品牌之上

container inside nav puts toggler over brand with hi zoom

html

nav

twitter-bootstrap-4