Example blog post
20 July 2021, by Francois
This blog post introduces different types of content that are supported and styled with Bootstrap. Basic typography, lists, tables, images, code, etc. are all supported as expected.
This is additional paragraph placeholder content. It was written to fill the available space and show how a longer text snippet affects surrounding content. We'll repeat this often to keep the demo running smoothly, so be on the lookout for that 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
This is a definiton 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, you should use
<abbr>
, with an optional title
attribute for the full phrase.
- Citations, like — Mark Otto , should use
<cite>
.
Deleted text should use <del>
et and inserted text should use <ins>
.
- Superscripttext uses
<sup>
and subscripttext uses <sub>
.
La plupart de ces éléments sont stylisés par les navigateurs avec peu de modifications de notre part.
Title
Subtitle
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.
Exemple de bloc de code
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.
Un autre article de blog
23 décembre 2020 Claude
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.
Longer quote goes here, maybe with some emphasized text in the middle of it.
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 table
And don't forget about tables in these posts:
Name |
Upvotes |
Downvotes |
Olivier |
10 |
11 |
Claire |
4 |
3 |
Fabien |
7 |
9 |
Total |
21 |
23 |
This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.
Example blog post
20 July 2021, by Olivier
This blog post introduces different types of content that are supported and styled with Bootstrap. Basic typography, lists, tables, images, code, etc. are all supported as expected.
This is additional paragraph placeholder content. It was written to fill the available space and show how a longer text snippet affects surrounding content. We'll repeat this often to keep the demo running smoothly, so be on the lookout for that 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
This is a definiton 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, you should use
<abbr>
, with an optional title
attribute for the full phrase.
- Citations, like — Mark Otto , should use
<cite>
.
Deleted text should use <del>
et and inserted text should use <ins>
.
- Superscripttext uses
<sup>
and subscripttext uses <sub>
.
Most of these elements are styled by browsers with little modification on our part.
Title
Subtitle
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.
Exemple de bloc de code
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.
Un autre article de blog
23 décembre 2020 Fabien
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.
Longer quote goes here, maybe with some emphasized text in the middle of it.
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 table
And don't forget about tables in these posts:
Name |
Upvotes |
Downvotes |
Olivier |
10 |
11 |
Claire |
4 |
3 |
Fabien |
7 |
9 |
Total |
21 |
23 |
This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.