Skip to main content

サンプル

カスタムしたコンポーネントやレイアウトを活用した豊富なサンプルから、プロジェクトを素早く開始できます。

Custom Components

Bootstrap を始めるのに役立つ, 使い方のベストプラクティスを示した最新のコンポーネントおよびテンプレートです。

Album

フォトギャラリーやポートフォリオに利用できるシンプルなワンページテンプレートです。

Pricing

カスタムしたヘッダーとフッター, および Cards で作られた価格ページのサンプルです。

Checkout

Form とそのバリデーションの特徴を知ることができるチェックアウトページです。

Product

幅の広いグリッドと画像を利用した, プロダクトにフォーカスした商品ページです。

Cover

シンプルで美しいホームページのワンページテンプレートです。

Carousel

navbar と carousel をカスタマイズし,さらにいくつかのコンポーネントを追加しています。

Blog

ヘッダ, ナビゲーション, コンテンツを含む雑誌のようなブログテンプレートです。

Dashboard

サイドバーとナビゲーションバーが固定された, 管理ツール向けダッシュボードのサンプルです。

Sign-in

シンプルなサインインフォームのレイアウト・デザインの例です。

Sticky footer

コンテンツが短い場合でも, フッターを viewport の下側に配置する例です。

Sticky footer navbar

navbar を画面上に固定しつつ, フッターを viewport の下側に配置する例です。

Framework

Bootstrap が提供するコンポーネントの実装例です。

Starter template

基本となる, コンパイルされた CSS と JavaScript です。

Grid

グリッドクラスやネストなど, グリッドレイアウトの実装例です。

Cheatsheet

Bootstrap コンポーネントの台所です。

Cheatsheet RTL

Bootstrap コンポーネントの台所の RTL バージョンです。

デフォルトの navbar コンポーネントがどのように動き,配置され,拡張されるかを示します。

Navbars

navbar の全てのレスポンシブ設定およびコンテナ設定のデモンストレーションです。

Navbar static

ページ上に static に配置される, カスタマイズした navbar の例です。

Navbar fixed

画面の上に固定される, カスタマイズした navbar の例です。

Navbar bottom

画面の下に固定される, カスタマイズした navbar の例です。

Experiments

将来に対応した特徴や手法のサンプルです。

Offcanvas

画面幅に応じて, navbar がスライドする offcanvas メニューに変化する例です。

RTL

これらのカスタムコンポーネントのサンプルを用いて、Botstrap の RTL バージョンを学びましょう.

RTL の機能はまだ実験段階であり、今後フィードバックを元に改良されていきます。何か提案などありましたら、イシューを作成してください。その提案を歓迎します。

Album RTL

フォトギャラリーやポートフォリオに利用できるシンプルなワンページテンプレートです。

Checkout RTL

Form とそのバリデーションの特徴を知ることができるチェックアウトページです。

Carousel RTL

navbar と carousel をカスタマイズし,さらにいくつかのコンポーネントを追加しています。

Blog RTL

ヘッダ, ナビゲーション, コンテンツを含む雑誌のようなブログテンプレートです。

Dashboard RTL

サイドバーとナビゲーションバーが固定された, 管理ツール向けダッシュボードのサンプルです。

Integrations

外部のライブラリとの組み合わせです。

Masonry

Boostrap のグリッドと Masonry の配置システムの力を組み合わせましょう。