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.
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.
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:
- First list item
- Second list item with a longer description
- Third list item to close it out
And this is an ordered list:
- First list item
- Second list item with a longer description
- Third list item to close it out
And this is a definition list:
- HyperText Markup Language (HTML)
-
The language used to describe and define the content of a Web
page
- Cascading Style Sheets (CSS)
- Used to describe the appearance of Web content
- JavaScript (JS)
-
The programming language used to build advanced Web sites and
applications
Inline HTML elements
HTML defines a long list of available inline tags, a complete
list of which can be found on the
Mozilla Developer Network.
-
To bold text, use
<strong>
.
-
To italicize text, use
<em>
.
-
Abbreviations, like
HTML should use
<abbr>
, with an optional
title
attribute for the full phrase.
-
Citations, like — Mark Otto, should use
<cite>
.
-
Deleted text should use
<del>
and inserted text should use
<ins>
.
-
Superscript text uses
<sup>
and subscript text uses
<sub>
.
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 1
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 code block
This is some additional paragraph placeholder content. It's a
slightly shorter version of the other highly repetitive body
text used throughout.
Sub-heading 2
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 code block
This is some additional paragraph placeholder content. It's a
slightly shorter version of the other highly repetitive body
text used throughout.
Example table
And don't forget about tables in these posts:
Name |
Upvotes |
Downvotes |
Alice |
10 |
11 |
Bob |
4 |
3 |
Charlie |
7 |
9 |
Totals |
21 |
23 |
This is some additional paragraph placeholder content. It's a
slightly shorter version of the other highly repetitive body
text used throughout.
New feature
December 14, 2020 by Chris
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.
- First list item
- Second list item with a longer description
- Third list item to close it out
This is some additional paragraph placeholder content. It's a
slightly shorter version of the other highly repetitive body
text used throughout.