gpt4 book ai didi

twitter-bootstrap - 为什么 Bootstrap Navbar 总是折叠?

转载 作者:太空狗 更新时间:2023-10-29 19:34:10 24 4
gpt4 key购买 nike

<分区>

我更新到 ng-bootstrap 的 v1.0-beta。现在导航栏总是折叠的。当我单击汉堡包以切换菜单时,它会打开,但会垂直显示内容而不是水平显示。

我在下面包含了导航代码。和以前一样。在这一点上,如果问题出在 ng-bootstrap、bootstrap 4 或它们的组合上,我无法弄清楚。

我的理想结果是菜单只在屏幕小于一定尺寸时出现,就像过去一样。

我确实看到了 Bootstrap4 navbar always collapsed 。我已经打开了这个问题,因为它不包括 ng-bootstrap。

<nav class="navbar navbar-toggleable-sm navbar-light bg-faded fixed-top" style="background-color: white">
<button class="navbar-toggler navbar-toggler-right"
type="button" (click)="isNavbarCollapsed = !isNavbarCollapsed"
aria-controls="exCollapsingNavbar2"
data-toggle="collapse"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Vesalius - Bobby's World</a>
<div [ngbCollapse]="isNavbarCollapsed" class="collapse navbar-collapse" id="exCollapsingNavbar2">
<div class="navbar-nav mr-auto">
<a class="nav-item nav-link" routerLink="/provider/portal/" routerLinkActive="active">Schedule</a>
<a class="nav-item nav-link" routerLink="/patient/portal/medical-history" routerLinkActive="active">Form Editor</a>
</div>

<div class="navbar-nav">
<form class="form-inline">
<input class="form-control mr-sm-2" type="text" placeholder="Search Patient">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</div>
</nav>

enter image description here

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com