とほほのBootstrap 4入門

1. トップ
2. Bootstrap 4入門

目次

• (旧版) Bootstrap 3
• 索引
• はじめに
• ナビゲーションバー(Nav bar)
• コンテナ(Container)
• パンくずリスト(Breadcrumb)
• グリッド(Grid)
• フレックス(Flex)
• ディスプレイ(Display)
• ポジション(Position)
• サイジング(Sizing)
• スペーシング(Spacing)
• テキスト(Text)
• 縦方向アライン(Vertical align)
• タイプグラフィ(Typography)
• コード(Code)
• ビジビリティ(Visibility)
• テーブル(Tables)
• ページネーション(Pagination)
• アラート(Alert)
• カラー(Colors)
• ボーダー(Border)
• イメージ(Image)
• フィギュア(Figures)
• エンベッド(Embed)
• シャドウ(SHadow)
• フォーム(Forms)
• インプットグループ(Input groups)
• プログレス(Progress)
• リストグループ(List group)
• バッジ(Badge)
• ボタン(Buttons)
• ドロップダウン(Dropdown)
• モーダル(Modal)
• ツールチップ(Tooltips)
• ポップオーバー(Popovers)
• コラプス(Collapse)
• トースト(Toasts)
• イメージ置換(Image replacement)
• スピナー(Spinners)
• ジャンボトロン(Jumbotron)
• カルーセル(Carousel)
• カード(Card)
• メディアオブジェクト(Media object)
• フロート(Float)
• クリアフィックス(Clearfix)
• オーバーフロー(Overlow)
• クローズドアイコン(Closed icon)
• スクロールスパイ(Scroll spy)
• ナビ(Navs)
• スクリーンリーダー(Screenreader)
• リンク

ナビゲーションバー (navbar)

コンテナ (container)

パンくずリスト (breadcrumb)

グリッド (grid)

フレックス (flex)

ディスプレイ (display)

ポジション (position)

サイジング (sizing)

スペーシング (spacing)

テキスト (text)

縦方向アライン (vertical align)

タイポグラフィ (typegraphy)

コード (code)

main() {
  printf("Hello world!\n");
}

ビジビリティ (visibility)

テーブル (table)

ページネーション (pagination)

アラート (alert)

カラー (color)

ボーダー (border)

イメージ (image)

→ 詳細

フィギュア (figure)

→ 詳細

エンベッド (embed)

シャドウ (shadow)

フォーム (form)

インプットグループ (input group)

プログレス (progress)

リストグループ (list group)

バッジ (badge)

ボタン (button)

ドロップダウン (dropdown)

モーダル (modal)

ツールチップ (tooltip)

ポップオーバー (popover)

コラプス (collapse)

トースト (toast)

Toast

Toast title #1 ×

This is a toast body.

→ 詳細

イメージリプレースメント (image replacement)

スピナー (spinner)

ジャンボトロン (jumbotron)

カルーセル (carousel)

カード (card)

メディアオブジェクト (media object)

フロート (float)

クリアフィクス (clearfix)

オーバーフロー (overflow)

クローズアイコン (close icon)

スクロールスパイ (scrollspy)

ナビ (nav)

スクリーンリーダー (screenreader)