From 4ffa24341be55d4bc9ca81ea9e0ce984a5ad2317 Mon Sep 17 00:00:00 2001
From: warrenskim <42902241+warrenskim@users.noreply.github.com>
Date: Mon, 11 Mar 2019 11:56:48 -0700
Subject: [PATCH] Updated text to have a code block (#33214)

* Updated text to have a code block

previously was displaying the image as if reading the code. added code block to display as code. Added "This is how it will look in an html doc" to maintain consistency

* Update index.md
---
 guide/english/bootstrap/cards/index.md | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/guide/english/bootstrap/cards/index.md b/guide/english/bootstrap/cards/index.md
index e6484cc227..902842e888 100644
--- a/guide/english/bootstrap/cards/index.md
+++ b/guide/english/bootstrap/cards/index.md
@@ -99,9 +99,11 @@ This is some text within a card body.
 ```
 ### Card is balanced with the image
 
+###### This is how it will look in an html doc
+
 ```html
 <div class="card" style="width: 18rem;">
-  <img class="card-img-top" src="..." alt="Card image cap">
+  <img class="card-img-top" src="path/to/image/picture.png" alt="Card image cap">
   <div class="card-body">
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
   </div>
@@ -109,9 +111,6 @@ This is some text within a card body.
 <!--You must set the image height on all cards -->
 ```
 
-
 #### More Information
 
-- [Bootstrap cards](https://getbootstrap.com/docs/4.1/components/card/)
-
-
+- [Bootstrap cards](https://getbootstrap.com/docs/4.1/components/card/)
\ No newline at end of file