Note: Authorship has been taken by efatt ;-)

This blog post shows a few different types of content that’s supported and styled with Bootstrap. Basic typography, lists, tables, images, code, and more are all supported as expected.


Here is a list of elements that can be used in Markdown:

  1. Heading 1: # Heading 1
  2. Heading 2: ## Heading 2
  3. Heading 3: ### Heading 3
  4. Bold text: **bold text**
  5. Italic text: *italic text*
  6. Blockquote: > blockquote
  7. List item: - list item
  8. Link: [link text](url), where 'link text' is the visible text and 'url' is the actual web address.
  9. Image: ![alt text](image URL), where 'alt text' is a description of the image and 'image URL' is the location of the image file on the internet.

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Blockquotes

This is an example blockquote in action:

"Quoted text goes here."
— Irfan TOOR

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Example lists

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout. This is an example unordered list:

And this is an ordered list:

  1. First list item
  2. Second list item with a longer description
  3. Third list item to close it out

And this is a definition list:

Inline Markdown elements

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network

Here is how can you play with the markdown:

Most of these elements are styled by browsers with few modifications on our part.

Heading

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Sub-heading

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

<?php

echo "hello world";

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.