タグアイコン カラーパレット
テーマカラー
プライマリ
#007bff
無効
セカンダリ
#6c757d
無効
情報
#17a2b8
無効
成功
#28a745
無効
警告
#ffc107
無効
危険
#dc3545
無効
黒/白のニュアンス
黒
#000000
無効
濃いグレー
#343a40
無効
グレー
#adb5bd
無効
明るいグレー
#1f2d3d
無効
カラー
インディゴ
#6610f2
無効
水色
#3c8dbc
無効
ネイビー
#001f3f
無効
パープル
#605ca8
無効
フューシャ
#f012be
無効
ピンク
#e83e8c
無効
マルーン
#d81b60
無効
オレンジ
#ff851b
無効
ライム
#01ff70
無効
ティール
#39cccc
無効
オリーブ
#3d9970
無効
アラートとコールアウト
警告アイコン アラート
禁止アイコン アラート！
危険アラートのプレビュー。このアラートは閉じることができます。甘い春の朝のように、私の魂全体に素晴らしい静けさが宿っています。私はそれを心から楽しんでいます。情報アイコン アラート！
情報アラートのプレビュー。このアラートは閉じることができます。警告アイコン アラート！
警告アラートのプレビュー。このアラートは閉じることができます。チェックマークアイコン アラート！
成功アラートのプレビュー。このアラートは閉じることができます。拡声器アイコン コールアウト
私は危険なコールアウトです！
修正が必要な問題があります。甘い春の朝のように、私の魂全体に素晴らしい静けさが宿っています。私はそれを心から楽しんでいます。
私は情報コールアウトです！
支払いを続けるには、手順に従ってください。
私は警告コールアウトです！
これは黄色のコールアウトです。
私は成功コールアウトです！
これは緑色のコールアウトです。
カード内のタブ
タブ
甘い春の朝のように、私の魂全体に素晴らしい静けさが宿っています。私はそれを心から楽しんでいます。私は一人です、そして私の魂のような魂の至福のために創造されたこの場所で、存在の魅力を感じています。私はとても幸せです、私の親愛なる友人よ、単なる静かな存在の絶妙な感覚に夢中になっているので、自分の才能をないがしろにしています。私は今の瞬間、1本の線も描くことができません。そしてそれでも、私は今以上に偉大な芸術家になったことはないと感じています。
ヨーロッパの言語は同じファミリーのメンバーです。それらの別々の存在は神話です。科学、音楽、スポーツなど、ヨーロッパは同じ語彙を使用しています。言語は、文法、発音、そして最も一般的な単語だけが異なります。誰もが、なぜ新しい共通言語が望ましいのかを理解しています。高価な翻訳者を雇う必要がなくなるからです。これを達成するには、統一された文法、発音、そしてより一般的な単語を持つ必要があります。いくつかの言語が合体した場合、結果として生じる言語の文法は、個々の言語の文法よりもシンプルで規則的です。
Lorem Ipsum は、印刷および組版業界の単なるダミーテキストです。Lorem Ipsum は、1500年代に無名の印刷業者が活字のゲーリーを取り、それをランダムに並べ替えて活字見本帳を作成して以来、業界標準のダミーテキストとなっています。それは5世紀だけでなく、電子組版への飛躍も生き延び、本質的に変化していません。それは1960年代に、Lorem Ipsumのパッセージを含むLetrasetシートのリリースによって普及し、さらに最近ではAldus PageMakerのようなデスクトップパブリッシングソフトウェアによって、Lorem Ipsumのバージョンを含むようになりました。
プログレスバー
様々なサイズのプログレスバー
.progress
.progress-sm
.progress-xs
.progress-xxs
プログレスバー
様々なサイズの垂直プログレスバー
.verticalクラスと.progress-sm、.progress-xs、または.progress-xxsクラスを追加することで実現します。
垂直プログレスバー
.verticalクラスを追加することで実現します。
Bootstrapアコーディオン & カルーセル
折りたたみ式アコーディオン
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
タイポグラフィ
テキスト幅アイコン 見出し
h1. Bootstrap見出し
h2. Bootstrap見出し
h3. Bootstrap見出し
h4. Bootstrap見出し
h5. Bootstrap見出し
h6. Bootstrap見出し
テキスト幅アイコン テキスト強調
重要性を強調するためのリードテキスト
成功を強調するための緑色のテキスト
情報を強調するためのアクア色のテキスト
情報を強調するための水色のテキスト (2)
危険を強調するための赤色のテキスト
警告を強調するための黄色のテキスト
一般を強調するためのミュートされたテキスト
テキスト幅アイコン 主要なブロック引用
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
出典：Source Title の有名人
テキスト幅アイコン 補助的なブロック引用
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
出典：Source Title の有名人
テキスト幅アイコン 順序なしリスト
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
順序付きリスト
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
スタイルなしリスト
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
説明
- 説明リスト
- 説明リストは、用語を定義するのに最適です。
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
横並びの説明
- 説明リスト
- 説明リストは、用語を定義するのに最適です。
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
- Felis euismod semper eget lacinia
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.