Bootstrap

BootstrapとはTwitterが開発したCSSフレームワークで、CSSフレームワークの中では1番ポピュラーな存在です。 この記事では、Bootstrapの使い方をサンプルを交えて解説します。この記事自体もBootstrapを使っています。

Bootstrap
ItemDescription
URL https://getbootstrap.com/
License MIT
Bootstrap v4.4.1
ModuleSize
bootstrap.min.css155KB
bootstrap.min.js58.6KB
  • Getting started
  • CDN
  • Badge
  • badge
  • badge-primary
  • badge-secondary
  • badge-success
  • badge-danger
  • badge-warning
  • badge-info
  • badge-light
  • badge-dark
  • badge-pill
  • Card
  • card-body
  • card-title
  • card-header
  • card-footer
  • card-img-top
  • Color
  • text-*
  • bg-*
  • Image
  • img-fluid
  • img-thumbnail
  • rounded
  • float-left
  • float-right
  • mx-auto d-block
  • text-center
  • List
  • list-group
  • active
  • disabled
  • list-group-item-action
  • list-group-item-primary
  • list-group-item-secondary
  • list-group-item-success
  • list-group-item-danger
  • list-group-item-warning
  • list-group-item-info
  • list-group-item-light
  • list-group-item-dark
  • Navigation
  • breadcrumb
  • Shadow
  • shadow
  • shadow-sm
  • shadow-lg
  • Table
  • table
  • table-dark
  • table-striped
  • table-bordered
  • table-borderless
  • table-hover
  • table-sm
  • thead-dark
  • thead-light