ブートストラップ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

ツールチップ

リンクを説明する必要がある場合は、ツールチップが役立ちます。