?

用慣了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>

?

?

?

總結

以上是生活随笔為你收集整理的bootstrap4  黑底白字导航的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。