Caution
お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。
辞典
- トップページ
- Bootstrap辞典
Bootstrap辞典 一覧ページ
| 初心者向け: 概要と特徴、学習順ガイド | グリッド・コンポーネント・ユーティリティの全体像と学習順ガイド。 |
| 【環境構築】Bootstrapの開発環境 | CDN・npm・ダウンロードの3種類の導入手順。 |
| Accordionコンポーネント | クリックで開閉する折りたたみパネルグループ。 |
| Alertコンポーネント（通知メッセージ） | 8色のカラーバリアントと閉じるボタンを持つ通知メッセージ。 |
| Badgeコンポーネント（ラベル・カウンター） | テキスト横に付ける小型ラベル・カウンター表示。 |
| Bordersユーティリティ（枠線） | クラスだけで枠線の追加・削除・色・角丸を制御。 |
| Breadcrumbコンポーネント（パンくずリスト） | サイト階層内の現在位置をパンくずリスト形式で表示。 |
| Breakpoints（ブレークポイント） | レスポンシブデザインの基盤となる5段階の画面幅閾値。 |
| Buttonコンポーネント | 色・サイズ・アウトラインを柔軟に変更できるボタン。 |
| Button Groupコンポーネント（ボタングループ） | 複数ボタンを視覚的に連結するグループコンテナ。 |
| Cardコンポーネント | 画像・テキスト・リンクを柔軟にまとめるコンテナ。 |
| Carouselコンポーネント（スライドショー） | 自動再生・ナビゲーション付きのスライドショー表示。 |
| Checks / Radios（チェックボックス・ラジオボタン） | チェックボックス・ラジオボタンに統一スタイルを適用。 |
| Close Button（閉じるボタン） | モーダルやアラートを閉じる汎用「×」ボタン。 |
| Colクラス（グリッドのカラム） | 12分割グリッド上でコンテンツ幅を指定するカラム要素。 |
| Collapseコンポーネント（折りたたみ） | クリックでコンテンツの表示・非表示をトグル切り替え。 |
| Colorsユーティリティ（カラーパレット） | テーマカラーに基づくテキスト・背景・ボーダー色クラス群。 |
| Containerクラス（レイアウトラッパー） | 画面幅に応じて最大幅を自動切替するレイアウトラッパー。 |
| Displayユーティリティ（表示制御） | display プロパティをクラスで制御するユーティリティ群。 |
| Dropdownコンポーネント | クリックでメニューが展開されるインタラクティブコンポーネント。 |
| Flexユーティリティ（Flexboxレイアウト） | Flexbox レイアウトをクラスだけで制御するユーティリティ群。 |
| Floatユーティリティ（回り込み） | float-start・float-end で要素の回り込みを設定。 |
| Form Controls（フォーム入力スタイル） | テキスト入力・セレクト・テキストエリアへの統一スタイル適用。 |
| Form Layout（フォームレイアウト） | グリッドやユーティリティで構成する多様なフォームレイアウト。 |
| Grid（グリッドシステム） | Container・Row・Col の3層構成の12カラムレイアウト。 |
| Gutters（グリッドの余白） | g-* クラスでグリッド列間の余白サイズを制御。 |
| Input Groupコンポーネント（入力グループ） | 入力欄の前後にテキスト・アイコン・ボタンを横並びで付加。 |
| List Groupコンポーネント（リストグループ） | シンプルな箇条書きから高度なリスト表示まで対応するグループ。 |
| Margin / Paddingユーティリティ（余白） | m-*・p-* クラスで余白を手軽に設定するユーティリティ。 |
| Modalコンポーネント（ダイアログ） | ページ上にオーバーレイ表示されるダイアログウィンドウ。 |
| Nav / Tabsコンポーネント（タブナビゲーション） | タブやピルスタイルのナビゲーションとコンテンツ切り替え。 |
| Navbarコンポーネント（ナビゲーションバー） | PC ではフル展開、スマホではハンバーガーメニューへ自動切替。 |
| Offcanvasコンポーネント（サイドパネル） | 画面端からスライドして表示されるサイドパネル。 |
| Overflowユーティリティ（はみ出し制御） | overflow-auto・hidden などではみ出し動作を制御。 |
| Paginationコンポーネント（ページネーション） | 前後ページ・ページ番号を並べるページ送りナビゲーション。 |
| Popoverコンポーネント（ポップオーバー） | クリック時にタイトルと本文を表示するポップアップ。 |
| Positionユーティリティ（配置） | position-static から sticky まで5種の配置クラス。 |
| Progressコンポーネント（プログレスバー） | 処理の進捗状況をバー形式で視覚的に表示。 |
| Ratioユーティリティ（アスペクト比） | 動画・iframe などのアスペクト比をレスポンシブに維持。 |
| Rowクラス（グリッドの行） | グリッドシステムで列を水平に並べる行コンテナ。 |
| Selectフォーム（セレクトボックス） | form-select クラスでセレクトボックスを統一デザインに。 |
| Shadowsユーティリティ（影） | shadow-sm・shadow・shadow-lg の3段階のシャドウクラス。 |
| Sizingユーティリティ（幅・高さ） | w-*・h-* クラスで幅と高さをパーセントや auto で設定。 |
| Spacingユーティリティ（余白・間隔） | gap-*・row-gap-*・column-gap-* でアイテム間隔を制御。 |
| Spinnerコンポーネント（ローディング） | 読み込み中を示す回転アニメーションコンポーネント。 |
| Stacksユーティリティ（縦横並び） | vstack（縦）と hstack（横）で要素を等間隔に並べるヘルパー。 |
| Tableコンポーネント（テーブルスタイル） | table クラスでストライプ・ホバー・ボーダーを手軽に適用。 |
| Textユーティリティ（テキストスタイル） | テキストの配置・折り返し・装飾・変換をクラスで制御。 |
| Toastコンポーネント（通知トースト） | 画面端に一時表示される軽量な通知メッセージ。 |
| Tooltipコンポーネント（ツールチップ） | ホバー時に補足説明を表示する小型ポップアップ。 |
| Validationフォームバリデーション | is-valid・is-invalid でフォーム入力の成否を視覚化。 |
| Visibilityユーティリティ（表示・非表示） | レイアウトスペースを維持したまま要素の表示・非表示を切替。 |
シェアする