ブログの投稿例
このブログ投稿では、Bootstrapでサポートやスタイル設定されたいくつかの異なるタイプのコンテンツを示している。基本的な文字の体裁、リスト、表、画像、コードなどはすべて期待どおりに対応されている。
これは、いくつかの追加の段落プレースホルダーコンテンツ。利用可能なスペースを埋め、テキストの長いスニペットが周囲のコンテンツにどのように影響するかを示すために作成されている。デモの流れを維持するためにこれが頻繁に繰り返されるため、これと全く同じテキストの文字列に注意すること。
引用
これは、実際のブロック引用の例:
引用されたテキストはここにある。
これは、いくつかの追加の段落プレースホルダーコンテンツ。利用可能なスペースを埋め、テキストの長いスニペットが周囲のコンテンツにどのように影響するかを示すために作成されている。デモの流れを維持するためにこれが頻繁に繰り返されるため、これと全く同じテキストの文字列に注意すること。
リストの例
これは、いくつかの追加の段落プレースホルダーコンテンツ。これは、全体で使用されている他の非常に反復的な本文テキストのちょっと短いバージョン。これは順番のないリストの例:
- 最初のリストアイテム
- より長い説明がある2番目のリストアイテム
- それを閉じるための3番目のリストアイテム
そしてこれは順番付きのリスト:
- 最初のリストアイテム
- より長い説明がある2番目のリストアイテム
- それを閉じるための3番目のリストアイテム
そしてこれは定義リスト:
- HyperText Markup Language (HTML)
- Webページのコンテンツを記述および定義するために使用される言語
- Cascading Style Sheets (CSS)
- Webコンテンツの外観を説明するために使用
- JavaScript (JS)
- 高度なWebサイトおよびアプリケーションの構築に使用されるプログラミング言語
インラインHTML要素
HTMLは、利用可能なインラインタグの長いリストを定義。その完全なリストは、Mozilla DeveloperNetworkにある。
- テキストを太字にするには、
<strong>
を使用 - テキストをイタリック体にするには、
<em>
を使用 - HTMLなどの略語では、
<abbr>
を使用し、フレーズ全体にオプションのtitle
属性を付ける必要がある - --Mark Ottoのような引用符は、
<cite>
を使用する必要がある 削除テキストは<del>
を使用し、挿入テキストは<ins>
を使用する必要がある- 上付き文字のテキストは
<sup>
を使用し、下付き文字のテキストは<sub>
を使用
これらの要素のほとんどは、ブラウザによってスタイル設定されているが、変更はほとんどない。
見出し
これは、いくつかの追加の段落プレースホルダーコンテンツ。利用可能なスペースを埋め、テキストの長いスニペットが周囲のコンテンツにどのように影響するかを示すために作成されている。デモの流れを維持するためにこれが頻繁に繰り返されるため、これと全く同じテキストの文字列に注意すること。
小見出し
これは、いくつかの追加の段落プレースホルダーコンテンツ。利用可能なスペースを埋め、テキストの長いスニペットが周囲のコンテンツにどのように影響するかを示すために作成されている。デモの流れを維持するためにこれが頻繁に繰り返されるため、これと全く同じテキストの文字列に注意すること。
コードブロックの例
これは、いくつかの追加の段落プレースホルダーコンテンツ。これは、全体で使用されている他の非常に反復的な本文テキストのちょっと短いバージョン。