gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated text to have a code block (#33214)

Browse Source 
* 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
This commit is contained in:
warrenskim
2019-03-11 11:56:48 -07:00
committed by The Coding Aviator
parent 12ee6b7be8
commit 4ffa24341b
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
guide/english/bootstrap/cards/index.md
View File

@ -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/)