財団-キッチンシンク

説明

これには、Webアプリケーションをスムーズに操作するためのFoundation要素が含まれています。次の表に、Foundationコンポーネントの一部を示します-

シニア番号	コンポーネントと説明
1	アコーディオンアコーディオンには、大量のデータを展開および折りたたむためにWebサイトで使用される垂直タブが含まれています。
2	アコーディオンメニューアコーディオン効果のある折りたたみ可能なメニューを表示します。
3	バッジバッジは、重要なメモやメッセージなどの情報を強調するために使用されるラベルに似ています。
4	パン粉ナビゲーション階層内のサイトの現在の場所を指定します。
5	ボタン Foundationは、さまざまなスタイルの標準ボタンをサポートしています。
6	叫ぶコールアウトは、コンテンツを内部に配置するために使用できる要素です。
7	閉じるボタンアラートボックスを閉じるために使用されます。
8	ドリルダウンメニュードリルダウンメニューは、ネストされたリストを垂直ドリルダウンメニューに変更します。
9	ドロップダウンメニュードロップダウンメニューは、リンクをリスト形式で表示するために使用されます。
10	ドロップダウンペインボタンをクリックすると、ドロップダウンペインにコンテンツが表示されます。
11	フレックスビデオこれは、Webページにビデオオブジェクトを作成するために使用されます。
12	フロートクラス HTML要素にユーティリティクラスを追加するために使用されます。
13	フォームこれは、ユーザー入力を収集するためのフォームレイアウトを作成するために使用されます。
14	ラベルラベルはインラインスタイルであり、入力要素のラベルを定義します。
15	メディアオブジェクト画像、ビデオ、ブログコメントなどのメディアオブジェクトを追加するために使用されます。これらはコンテンツブロックの左または右に配置できます。
16	メニュー Webサイトのさまざまなモードへのアクセスを提供します。
17	ページネーションこれは、コンテンツを一連の関連ページに分割するナビゲーションの一種です。
18	スライダーハンドルをドラッグして値の範囲を指定します。
19	スイッチオン状態とオフ状態を切り替えるために使用されます。
20	テーブルこれは、行と列の形式でデータを表します。
21	タブこれは、ページを離れることなくコンテンツをさまざまなペインに表示するナビゲーションベースのタブです。
22	サムネイル画像をサムネイル形式でスタイル設定します。
23	タイトルバーこれは、ユーザーが他のメニュー項目で使用している現在の画面を表示するために使用されます。
24	ツールチップリンク上にマウスを置くと情報を説明する小さなポップアップボックスです。
25	トップバー Webサイトでナビゲーションヘッダーを作成するために使用されます。
26	軌道これは、軌道クラスを使用して要素をスワイプする簡単で強力なスライダーです。

ja/tutorial