Twitter Bootstrap 4中的navbar-toggleable-*

Question

以下代码中，按钮在lg和xl上应该是隐藏的；而折叠内容仅在md上可切换，或者是从md向下可切换到xs吗？有人能帮忙解释一下吗？

<nav class="navbar navbar-light bg-faded">
  <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
    &#9776;
  </button>
  <div class="collapse navbar-toggleable-md" id="exCollapsingNavbar2">
    <a class="navbar-brand" href="#">Responsive navbar</a>
    <ul class="nav navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">About</a>
      </li>
    </ul>
  </div>
</nav>

- John John

---

Alpha软件。它容易出现故障。 - Martin Bean

Answer 1

它在中等屏幕及以下可切换。

navbar-toggleable-*表示*从*开始可以切换。

我今天一直在使用它，它的行为与Bootstrap文档描述的相同。

- nate h

Answer 2

使用了navbar-expand-。这意味着它始终处于折叠模式。

- Sharfuddin Zishan