Skip to main content
Bootstrap

Bootstrap5で高速に

世界で一番人気のあるフロントエンドライブラリ Bootstrap を使って、モバイルファーストなレスポンシブウェブを素早くデザイン・カスタマイズできます。Sass変数と mixin、レスポンシブグリッドシステム、豊富なコンポーネント、強力な JavaScript プラグインを備えています。

最新版 v5.0.0-beta1 · 今までのリリース

Installation

Bootstrap の Sass と JavaScript のソースをインストールしましょう。 npm、Composer、Meteor が利用できます。

パッケージマネージャによるインストールでは、ドキュメントやビルドスクリプトが含まれません。npm テンプレートを用いて、高速に Bootstrap のプロジェクトを生成することもできます。

インストールマニュアル
npm install bootstrap@next
gem install bootstrap -v 5.0.0.beta1

jsDelivr

Bootstrap のコンパイルされた CSS や JS が必要な場合は、BootstrapCDNを利用できます。

シンプルな スターターテンプレート や、サンプル を用いて次のプロジェクトを開始しましょう。

ドキュメントはこちら
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

Bootstrap Icons

Bootstrap は独自のオープンソースな SVG アイコンライブラリを持っています。これらのアイコンは、Bootstrap のコンポーネントやドキュメントに合うようデザインされています。

Bootstrap のアイコンは Bootstrap のコンポーネントと使うためにデザインされていますが、どんなプロジェクトでも動作します。アイコンは SVG なので簡単にスケールでき、CSS を含む様々な方法で実装することができます。

Bootstrap Icons について
Bootstrap Icons

Official Themes

公式の Bootstrap テーマのマーケットプレイスのプレミアムなテーマを活用して、Bootstrap を次のレベルに引き上げましょう。

マーケットプレイスのテーマは Bootstrap を拡張したフレームワークとなっており、新しいリッチなコンポーネントやプラグイン、ドキュメント、そして強力なビルドツールを持っています。

テーマを見る
Bootstrap Themes