bootstrap - izudon/izudon.github.io GitHub Wiki

Introduction

  • はじめに
    • jsDelivr を CDN に用い配布されている。
    • CSS <link> タグに CDN の URL 指定して適用可能。
    • JS 独自の JavaScript プラグイン + Popper が必要。
      • Bundle Popper を含んだ Bootstrap を CDN から設定可能。
      • Separate 別々の場合は Popper を先にして <link> タグに設定。
      • Modules <script type="module"> 使用の場合は ここ 参照。
      • Components どのコンポーネントが必要としているかの一覧。
  • スタータテンプレート
  • 重要なグローバル設定
    • HTML5 doctype
      • 含めることで大きな問題は発生しなくなる。
    • レスポンシブ用メタタグ
      • <meta> タグで viewport 指定。
    • Box-sizing
      • グローバルな box-sizing の値を content-box からborder-box に切り替えている。
      • Google Maps や Google Custom Search Engine などの一部のサードパーティ製 ソフトウェアで問題が発生するおそれ。
      • 上書きする必要がある場合のコード例。
    • リセット
      • Reboot を利用してリセットをしている(らしい)。
  • コミュニティ

Download

  • 概要:「以下お好きなやり方で導入できる」
  • コンパイルされた CSS と JS
  • ソースファイル
  • サンプル
  • jsDelivr 経由の CDN
  • パッケージマネージャ
    • npm やり方
    • yarn やり方
    • RubyGems やり方
    • Composer やり方
    • NuGet やり方

Contents

Browsers & devices

JavaScript

Build tools

Webpack

Parcel

Accessibility

RFS

RTL

Customize

Overview

Sass

Options

Color

Components

CSS variables

Optimize

Layout

Breakpoints

Containers

Grid

Columns

Gutters

Utilities

Z-index

Content

Reboot

Typography

Images

Tables

Figures

Forms

Overview

Form control

Select

Checks & radios

Range

Input group

Floating labels

Layout

Validation

Components

Accordion

Alerts

Badge

Breadcrumb

Buttons

Button group

Card

Carousel

Close button

Collapse

Dropdowns

List group

Modal

Navs & tabs

Navbar

Offcanvas

Pagination

Popovers

Progress

Scrollspy

Spinners

Toasts

Tooltips

Helpers

Clearfix

Colored links

Ratio

Position

Visually hidden

Stretched link

Text truncation

Utilities

API

Background

Borders

Colors

Display

Flex

Float

Interactions

Overflow

Position

Shadows

Sizing

Spacing

Text

Vertical align

Visibility

Extend

Approach

Icons

About

Overview

Team

Brand

License

Translations

Migration

⚠️ **GitHub.com Fallback** ⚠️