ブートストラップカンニングペーパー

RTLチートシート

コンテンツ

タイポグラフィ

ドキュメンテーション

ディスプレイ 1

ディスプレイ 2

ディスプレイ 3

ディスプレイ 4

ディスプレイ 5

ディスプレイ 6

見出し 1

見出し 2

見出し 3

見出し 4

見出し 5

見出し 6

これはリードパラグラフです。通常の段落とは一線を画しています。

マークタグを使用して、ハイライト文章。

このテキスト行は、削除されたテキストとして扱われることを意図しています。

このテキスト行は、もはや正確ではないものとして扱われることを意図しています。

このテキスト行は、ドキュメントへの追加として扱われることを意図しています。

このテキスト行は下線付きでレンダリングされます。

このテキスト行は細字として扱われることを意図しています。

この行は太字で表示されます。

この行は斜体のテキストとして表示されます。

blockquote 要素に含まれるよく知られた引用。

ソースタイトル で有名な人
  • これはリストです。
  • 完全にスタイリングされていないように見えます。
  • 構造的には、まだリストです。
  • ただし、このスタイルは直接の子要素にのみ適用されます。
  • ネストされたリスト:
    • このスタイルの影響を受けません
    • まだ弾丸が表示されます
    • 適切な左マージンを持つ
  • これは、状況によってはまだ便利な場合があります。
  • これはリスト項目です。
  • そしてもう一つ。
  • しかし、それらはインラインで表示されます。
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200
# 初め 最後 扱う
1 マーク オットー @mdo
2 ジェイコブ ソーントン @太い
3 鳥のラリー @ツイッター
# 初め 最後 扱う
1 マーク オットー @mdo
2 ジェイコブ ソーントン @太い
3 鳥のラリー @ツイッター
クラス 見出し 見出し
デフォルト 細胞 細胞
主要な 細胞 細胞
セカンダリ 細胞 細胞
成功 細胞 細胞
危険 細胞 細胞
警告 細胞 細胞
情報 細胞 細胞
細胞 細胞
暗い 細胞 細胞
# 初め 最後 扱う
1 マーク オットー @mdo
2 ジェイコブ ソーントン @太い
3 鳥のラリー @ツイッター

フォーム

あなたのメールを他の人と共有することは決してありません。
ラジオボタン

無効なフォーム

ドキュメンテーション
無効化されたラジオ ボタン
いいね!
いいね!
@
ユーザー名を選択してください。
有効な都市を入力してください。
有効な州を選択してください。
有効な郵便番号を入力してください。
送信する前に同意する必要があります。

コンポーネント

アコーディオン

ドキュメンテーション

こちらは第一弾のアコーディオン本体です。折りたたみプラグインが各要素のスタイルに使用する適切なクラスを追加するまで、デフォルトでは非表示になっています。これらのクラスは、CSS トランジションによる表示と非表示だけでなく、全体的な外観を制御します。カスタム CSS を使用するか、デフォルト変数をオーバーライドすることで、これらを変更できます。.accordion-bodyまた、トランジションによってオーバーフローが制限 されますが、ほぼすべての HTML が 内に入る可能性があることにも注意してください 。

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

3点目のアコーディオン本体です。折りたたみプラグインが各要素のスタイルに使用する適切なクラスを追加するまで、デフォルトでは非表示になっています。これらのクラスは、CSS トランジションによる表示と非表示だけでなく、全体的な外観を制御します。カスタム CSS を使用するか、デフォルト変数をオーバーライドすることで、これらを変更できます。.accordion-bodyまた、トランジションによってオーバーフローが制限 されますが、ほぼすべての HTML が 内に入る可能性があることにも注意してください 。

見出しの例新しい

見出しの例新しい

見出しの例新しい

見出しの例新しい

見出しの例新しい

見出しの例新しい

見出しの例新しい

見出しの例新しい

主要な セカンダリ 成功 危険 警告 情報 暗い
Placeholder Image cap
カードのタイトル

カードのタイトルに基づいて作成し、カードのコンテンツの大部分を構成する簡単なテキストの例。

どこかへ行きます
特徴
カードのタイトル

カードのタイトルに基づいて作成し、カードのコンテンツの大部分を構成する簡単なテキストの例。

どこかへ行きます
カードのタイトル

カードのタイトルに基づいて作成し、カードのコンテンツの大部分を構成する簡単なテキストの例。

  • アイテム
  • 2 番目の項目
  • 3番目のアイテム
Placeholder Image
カードのタイトル

これは、追加のコンテンツへの自然な導入として、以下のサポート テキストを含む幅の広いカードです。このコンテンツは少し長くなります。

最終更新: 3 分前

リストグループ

ドキュメンテーション
  • 無効化されたアイテム
  • 2 番目の項目
  • 3番目のアイテム
  • 4番目の項目
  • そして五つ目
  • アイテム
  • 2 番目の項目
  • 3番目のアイテム
  • 4番目の項目
  • そして五つ目

ポップオーバー

ドキュメンテーション

スクロールスパイ

ドキュメンテーション

最初の見出し

これは、scrollspy ページのプレースホルダー コンテンツです。ページを下にスクロールすると、適切なナビゲーション リンクが強調表示されることに注意してください。コンポーネントの例全体で繰り返されます。スクロールと強調表示を強調するために、ここにいくつかの例のコピーを追加し続けます。

2 番目の見出し

これは、scrollspy ページのプレースホルダー コンテンツです。ページを下にスクロールすると、適切なナビゲーション リンクが強調表示されることに注意してください。コンポーネントの例全体で繰り返されます。スクロールと強調表示を強調するために、ここにいくつかの例のコピーを追加し続けます。

第 3 見出し

これは、scrollspy ページのプレースホルダー コンテンツです。ページを下にスクロールすると、適切なナビゲーション リンクが強調表示されることに注意してください。コンポーネントの例全体で繰り返されます。スクロールと強調表示を強調するために、ここにいくつかの例のコピーを追加し続けます。

第 4 見出し

これは、scrollspy ページのプレースホルダー コンテンツです。ページを下にスクロールすると、適切なナビゲーション リンクが強調表示されることに注意してください。コンポーネントの例全体で繰り返されます。スクロールと強調表示を強調するために、ここにいくつかの例のコピーを追加し続けます。

第 5 見出し

これは、scrollspy ページのプレースホルダー コンテンツです。ページを下にスクロールすると、適切なナビゲーション リンクが強調表示されることに注意してください。コンポーネントの例全体で繰り返されます。スクロールと強調表示を強調するために、ここにいくつかの例のコピーを追加し続けます。

読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...
読み込んでいます...

ツールチップ

ドキュメンテーション