From 982ff29ec1228a75b86839dc1b4a8983c1adcfdd Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Wed, 8 Sep 2021 16:14:14 +1000
Subject: [PATCH] 7.6.2 Applying Bootstrap Styles tot he Layout; Listing 7-26
 Applying Bootstrap to Style the List.cshtml File

---
 .../SportsStore.WebUI/Views/Product/List.cshtml        | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/SportsStore/SportsStore.WebUI/Views/Product/List.cshtml b/SportsStore/SportsStore.WebUI/Views/Product/List.cshtml
index ba40d59..a85cdbd 100644
--- a/SportsStore/SportsStore.WebUI/Views/Product/List.cshtml
+++ b/SportsStore/SportsStore.WebUI/Views/Product/List.cshtml
@@ -7,10 +7,12 @@
 
 @foreach (var p in Model.Products)
 {
-    <div>
-        <h3>@p.Name</h3>
-        @p.Description
-        <h4>@p.Price.ToString("c")</h4>
+    <div class="well">
+        <h3>
+            <strong>@p.Name</strong>
+            <span class="pull-right label label-primary">@p.Price.ToString("c")</span>
+        </h3>
+        <span class="lead">@p.Description</span>
     </div>
 }