doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/ListViews.razor

@@ -17,7 +17,7 @@
         <BodyTemplate>
             <Card>
                 <BodyTemplate>
-                    <img src="@context.ImageUrl" />
+                    <img class="lv-demo-img" src="@context.ImageUrl" />
                     <div class="lv-demo-desc">@context.Description</div>
                 </BodyTemplate>
             </Card>
@@ -42,7 +42,7 @@
         <BodyTemplate>
             <Card>
                 <BodyTemplate>
-                    <img src="@context.ImageUrl" />
+                    <img class="lv-demo-img" src="@context.ImageUrl" />
                     <div class="lv-demo-desc">@context.Description</div>
                 </BodyTemplate>
             </Card>
@@ -60,7 +60,7 @@
         <BodyTemplate>
             <Card>
                 <BodyTemplate>
-                    <img src="@context.ImageUrl" />
+                    <img class="lv-demo-img" src="@context.ImageUrl" />
                     <div class="lv-demo-desc">@context.Description</div>
                 </BodyTemplate>
             </Card>
@@ -78,7 +78,7 @@
         <BodyTemplate>
             <Card>
                 <BodyTemplate>
-                    <img src="@context.ImageUrl" />
+                    <img class="lv-demo-img" src="@context.ImageUrl" />
                     <div class="lv-demo-desc">@context.Description</div>
                 </BodyTemplate>
             </Card>
@@ -96,7 +96,7 @@
         <BodyTemplate>
             <Card>
                 <BodyTemplate>
-                    <img src="@context.ImageUrl" />
+                    <img class="lv-demo-img" src="@context.ImageUrl" />
                     <div class="lv-demo-desc">@context.Description</div>
                 </BodyTemplate>
             </Card>

src/BootstrapBlazor.Server/Components/Samples/ListViews.razor.css

@@ -1,5 +1,5 @@
-img {
-    margin-bottom: 1rem;
+.lv-demo-img {
+    width: 100%;
     border-radius: var(--bs-border-radius);
 }