7.6.2 Applying Bootstrap Styles tot he Layout; Listing 7-26 Applying Bootstrap to Style the List.cshtml File

2021-09-08 16:14:14 +10:00 · 2021-09-08 16:14:14 +10:00 · 982ff29ec1
commit 982ff29ec1
parent 72d6a86d87
1 changed files with 6 additions and 4 deletions
--- 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>
 }