7.6.2 Applying Bootstrap Styles to the Layout; Listing 7-26 Applying Bootstrap CSS to the _Layout.cshtml File

2021-09-08 16:08:19 +10:00 · 2021-09-08 16:08:19 +10:00 · 72d6a86d87
parent b16bff04fc
commit 72d6a86d87
1 changed files with 12 additions and 2 deletions
--- a/SportsStore/SportsStore.WebUI/Views/Shared/_Layout.cshtml
+++ b/SportsStore/SportsStore.WebUI/Views/Shared/_Layout.cshtml
@ -3,11 +3,21 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="~/Content/bootstrap.css" rel="stylesheet"/>
+    <link href="~/Content/bootstrap-theme.css" rel="stylesheet"/>
    <title>@ViewBag.Title</title>
 </head>
 <body>
-<div>
-    @RenderBody()
+<div class="navbar navbar-inverse" role="navigation">
+    <a class="navbar-brand" href="#">SPORTS STORE</a>
+</div>
+<div class="row panel">
+    <div id="categoreis" class="col-xs-3">
+        Put something useful here later
+    </div>
+    <div class="col-xs-8">
+        @RenderBody()
+    </div>
 </div>
 </body>
 </html>