用惯了3的黑底白字导航后,转到4的白底,发现其好丑,于是尝试将其默认效果修改为黑底白字的导航。
nav将默认的bg-light navbar-light改为bg-dark navbar-dark
a将默认的text-black改为text-light
<nav class="navbar navbar-expand-sm navbar-toggleable-sm bg-dark navbar-dark border-bottom box-shadow mb-3">
@*bg-white navbar-light*@
<div class="container">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">AssetInventory</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
</li>
</ul>
</div>
</div>