Bootstrap4-components

提供:Dev Guides
移動先:案内検索

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

説明

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

次の表は、Bootstrap 4を操作するために使用できるコンテンツメソッドの一覧です-

S.No. Methods & Description
1

Alerts

アラートコンポーネントは、ユーザーアクションの定義済みメッセージを指定します。

2

Badges

バッジは、コンテンツの追加情報を強調するために使用されます。

3

Breadcrumb

サイトの階層ベースの情報を表示するために使用されます。

4

Buttons

ブートストラップは、テキストや画像などのコンテンツを配置するためのクリック可能なボタンを提供します。

5

Button group

ボタングループを使用すると、複数のボタンを1行に積み重ねることができます。

6

Cards

カードは、周囲にパディングのある枠付きボックスを表示するコンテンツコンテナーです。

7

Carousel

カルーセルは、サイトにスライダーを追加するための柔軟で応答性の高い方法です。

8

Collapse

コンテンツの表示または非表示に使用されます。

9

Dropdowns

ドロップダウンメニューを使用して、リスト形式でリンクを表示できます。

10

Forms

フォーム要素は、ユーザーからの入力を収集するために使用されます。

11

Input group

入力グループを使用すると、テキストベースの入力にテキストまたはボタンを簡単に追加および追加できます。

12

Jumbotron

見出しのサイズが大きくなり、ランディングページのコンテンツに多くのマージンが追加されます。

13

Modal

モーダルは、親ウィンドウの上に階層化された子ウィンドウです。

14

Navs

Bootstrapは、水平メニューでサイトのナビゲーションアイテムを提供します。

15

Navbar

Navbarは、アプリケーションまたはサイトのナビゲーションヘッダーを提供します。

16

Pagination

ページネーションは、関連するコンテンツを複数のページに分割するために使用されます。

17

Popovers

Popoverはツールチップに似ており、見出し付きの拡張ビューを提供します。

18

Progress

進行状況バーは、積み重ねられたバー、アニメーション化された背景、およびテキストラベルでプロセスの進行状況を示します。

19

Scrollspy

Scrollspyは、スクロール位置に基づいてメニュー内の現在アクティブなリンクを示すために使用されます。

20

Tooltips

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