Sample blog post

January 1, 2021 by Mark

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:

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:

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

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.

Another blog post

December 23, 2020 by Jacob

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

	ジャンル名	記事タイトル
	Othersに関する記事集	Download: 記事を見る >>	Edit | Details | Delete
	Viewに関する記事集	MVC View Amount列を集計表示したい: 記事を見る >> Drag&Drop されたファイルをデータベースに登録: 記事を見る >> データベースのImageデータを画像化して表示する。: 記事を見る >> ドロップダウンリストをViewに作成: 記事を見る >> LinkButtonを生成: 記事を見る >> 関連するテーブルのデータをtableで表示: 記事を見る >> 日付変換: 記事を見る >> bootstrap Button: 記事を見る >>	Edit | Details | Delete
	Contextに関する記事集	Imageファイル（複数）をデータベースへ格納: 記事を見る >>	Edit | Details | Delete
	Controllerに関する記事集	wwwrootのImageファイルをデータベースに登録: 記事を見る >> 月初めから月末までのデータクエリ: 記事を見る >> 関連するテーブルからデータを取得（グループ化）: 記事を見る >> チャートを作成: 記事を見る >> MVCでチャートを作成する手順: 記事を見る >> MVC の単一ビュー内の複数のモデル: 記事を見る >> Directory内ファイルのダウンロード: 記事を見る >>	Edit | Details | Delete
	Modelに関する記事集	アノテーションDataFormatString: 記事を見る >> 外部キー (Foreign Key) と ナビゲーションプロパティ (Navigation Property) : 記事を見る >> 1対多クラスの記述例: 記事を見る >> 表示のテスト: 記事を見る >>	Edit | Details | Delete
	Styleに関する記事集	no-content	Edit | Details | Delete
	Databaseに関する記事集	no-content	Edit | Details | Delete
	Htmlに関する記事集	no-content	Edit | Details | Delete
	Tutorial用のコード表示集	FullCalendar: 記事を見る >> コピーボタンでコピー可能にする: 記事を見る >> ５－１　Genreクラス: 記事を見る >>	Edit | Details | Delete
	JavaScriptに関する記事集	no-content	Edit | Details | Delete

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.