Jasny-引导显示菜单打破肚脐折叠和肚脐切换功能

Question

当我使用这个例子来自jasny-bootstrap。并将项添加到导航栏时，同时使用navbar-toggle和navbar-collapse以及两个使用navbar-left和navbar-right的navbar-nav列表，则会在desktop视图中完全中断navbar。

navbar-toggle出现在desktop解析处，位于navbar的左侧，navbar-nav项被随意地呈现为navbar的left和right。

然而，所有这些都适用于mobile和tablet分辨率，尽管navbar-toggle仍然在导航菜单旁边的navbar左边。

我理解这是因为jasny-bootstrap使用navbar-toggle.So，为了将navbar-toggle功能恢复到navbar，需要从bootstrap css(当然有不同的类名)和js复制/使用什么css

这是对我现有代码的篡改。

Answer 1

附加的CSS显示了所有视图的.navbar-toggle。只需将其修改为只显示显示导航菜单的按钮。

HTML

<button type="button" class="navbar-toggle navbar-toggle-reveal" data-toggle="offcanvas" data-recalc="false" data-target=".navmenu" data-canvas=".canvas">

CSS

@media (min-width: 0) {
  .navbar-toggle-reveal {
    display: block; /* force showing the toggle */
  }
}

看小提琴