bootstrap 4 nav

damienbod · Feb 15, 2019 · 89eeae9 · 89eeae9
1 parent 065f012
commit 89eeae9
Showing 1 changed file with 21 additions and 18 deletions.
diff --git a/AspNetCoreElasticsearchNestAuditTrail/Views/Shared/_Layout.cshtml b/AspNetCoreElasticsearchNestAuditTrail/Views/Shared/_Layout.cshtml
@@ -9,24 +9,27 @@
     <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
 </head>
 <body>
-    <nav class="navbar navbar-inverse 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="sr-only">Toggle navigation</span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                </button>
-                <a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand">Audit-Trail</a>
-            </div>
-            <div class="navbar-collapse collapse">
-                <ul class="nav navbar-nav">
-                    <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
-                    <li><a asp-area="" asp-controller="Home" asp-action="AuditTrail">Audit Trail logs</a></li>
-                    <li><a asp-area="" asp-controller="Home" asp-action="Contact">Contact</a></li>
-                </ul>
-            </div>
+    <nav class="bg-dark mb-4 navbar navbar-dark navbar-expand-md">
+        <a asp-controller="Home" asp-action="Index" class="navbar-brand">
+            <em>Nest Audit Trail</em>
+        </a>
+        <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#topNavbarCollapse" data-toggle="collapse" type="button">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="topNavbarCollapse">
+            <ul class="mr-auto navbar-nav">
+                <li class="nav-item">
+                    <a asp-controller="Home" asp-action="Index" class="nav-link">Index</a>
+                </li>
+
+                <li class="nav-item">
+                    <a asp-controller="Home" asp-action="AuditTrail" class="nav-link">Audit Trail Logs</a>
+                </li>
+
+                <li class="nav-item">
+                    <a asp-controller="Home" asp-action="Contact" class="nav-link">Contact</a>
+                </li>
+            </ul>
         </div>
     </nav>
     <div class="container body-content">