ブートストラップ4-コンポーネント

説明

Bootstrap 4は、コンテンツメソッドのコレクションを使用して、テキスト、コードブロック、レスポンシブイメージ、データを表形式でWebページに表示します。

次の表に、Bootstrap4を操作するために使用できるコンテンツメソッドを示します。

S.No.	方法と説明
1	アラートアラートコンポーネントは、ユーザーアクションの事前定義されたメッセージを指定します。
2	バッジバッジは、コンテンツへの追加情報を強調するために使用されます。
3	パンくずこれは、サイトの階層ベースの情報を表示するために使用されます。
4	ボタン Bootstrapは、テキストや画像などのコンテンツを配置するためのクリック可能なボタンを提供します。
5	ボタングループボタングループを使用すると、複数のボタンを1行に積み重ねることができます。
6	カードカードは、周囲にパディングが付いた境界ボックスを表示するコンテンツコンテナです。
7	カルーセルカルーセルは、サイトにスライダーを追加するための柔軟で応答性の高い方法です。
8	崩壊コンテンツを表示または非表示にするために使用されます。
9	ドロップダウンドロップダウンメニューを使用して、リンクをリスト形式で表示できます。
10	フォーム form要素は、ユーザーからの入力を収集するために使用されます。
11	入力グループ入力グループを使用すると、テキストまたはボタンをテキストベースの入力に簡単に追加および追加できます。
12	ジャンボトロン見出しのサイズが大きくなり、ランディングページのコンテンツに多くのマージンが追加されます。
13	モーダルモーダルは、親ウィンドウの上に階層化された子ウィンドウです。
14	ナビゲーション Bootstrapは、水平メニューでサイトのナビゲーション項目を提供します。
15	ナビゲーションバー Navbarは、アプリケーションまたはサイトのナビゲーションヘッダーを提供します。
16	ページネーションページネーションは、関連するコンテンツを複数のページに分割するために使用されます。
17	ポップオーバーポップオーバーはツールチップに似ており、見出し付きの拡張ビューを提供します。
18	進捗プログレスバーは、積み重ねられたバー、アニメーション化された背景、およびテキストラベルを使用してプロセスの進行状況を示します。
19	Scrollspy Scrollspyは、スクロール位置に基づいてメニュー内の現在アクティブなリンクを示すために使用されます。
20	ツールチップリンクを説明する必要がある場合は、ツールチップが役立ちます。