gpt4 book ai didi

c# - 将 bootstrap 3 升级到 4f,现在导航菜单不显示

转载 作者:行者123 更新时间:2023-11-27 23:18:38 25 4
gpt4 key购买 nike

代码没有变化,如下所示。
将 Bootstrap 从 3.2 升级到 4.3.1。
现在,菜单
- 在左边显示为一条线
- 无论窗口大小如何,汉堡菜单都不会显示
- 展开和折叠类似于汉堡菜单

我已将 navbar-inverse 更新为 navbar-dark,但找不到任何其他更改。

折叠
Like this - collapsed
展开
enter image description here

升级前,更正
enter image description here

@using Portal.Helpers;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Center For People In Need @ViewBag.Title</title>
@Styles.Render("~/Content/css")
@RenderSection("styles", required: false)
</head>
<body>
<div class="navbar navbar-dark bg-dark navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="@Url.Action(" Index", "Home" )"><img src="/Content/Logo.png" alt="l" class="logo" /></a>
@*<a href="@Url.Action("Index", "Home")"><img src="/Content/Logo.png" alt="logo" class="logo" /></a>*@
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
@{var UserRoles = Roles.GetRolesForUser();}
@if (UserRoles.Contains("ClientUser") || UserRoles.Contains("ClientAdmin")) {
<li class="@Html.SelectedClass(TempData["activemenu"], "Clients")">
@Html.ActionLink("Clients", "Index", "Clients")
</li>
}
...

最佳答案

Bootstrap v.4 有很多变化,最好阅读它的文档以解决问题: Bootstrap NavsBootstrap Navbar可以帮助你。

关于c# - 将 bootstrap 3 升级到 4f,现在导航菜单不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58142498/

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