Custom components
Bootstrap を始めるのに役立つ, 使い方のベストプラクティスを示した最新のコンポーネントおよびテンプレートです。
![Album screenshot](/docs/4.4/examples/screenshots/album.png)
Album
フォトギャラリーやポートフォリオに利用できるシンプルなワンページテンプレートです。
![Pricing screenshot](/docs/4.4/examples/screenshots/pricing.png)
Pricing
カスタムしたヘッダーとフッター, および Cards で作られた価格ページのサンプルです。
![Checkout screenshot](/docs/4.4/examples/screenshots/checkout.png)
Checkout
Form とそのバリデーションの特徴を知ることができるチェックアウトページです。
![Product screenshot](/docs/4.4/examples/screenshots/product.png)
Product
幅の広いグリッドと画像を利用した, プロダクトにフォーカスした商品ページです。
![Cover screenshot](/docs/4.4/examples/screenshots/cover.png)
Cover
シンプルで美しいホームページのワンページテンプレートです。
![Carousel screenshot](/docs/4.4/examples/screenshots/carousel.png)
Carousel
navbar と carousel をカスタマイズし,さらにいくつかのコンポーネントを追加しています。
![Blog screenshot](/docs/4.4/examples/screenshots/blog.png)
Blog
ヘッダ, ナビゲーション, コンテンツを含む雑誌のようなブログテンプレートです。
![Dashboard screenshot](/docs/4.4/examples/screenshots/dashboard.png)
Dashboard
サイドバーとナビゲーションバーが固定された, 管理ツール向けダッシュボードのサンプルです。
![Sign-in screenshot](/docs/4.4/examples/screenshots/sign-in.png)
Sign-in
シンプルなサインインフォームのレイアウト・デザインの例です。
![Sticky footer screenshot](/docs/4.4/examples/screenshots/sticky-footer.png)
Sticky footer
コンテンツが短い場合でも, フッターを viewport の下側に配置する例です。
![Sticky footer navbar screenshot](/docs/4.4/examples/screenshots/sticky-footer-navbar.png)
Sticky footer navbar
navbar を画面上に固定しつつ, フッターを viewport の下側に配置する例です。
Framework
Bootstrap が提供するコンポーネントの実装例です。
![Starter template screenshot](/docs/4.4/examples/screenshots/starter-template.png)
Starter template
基本となる, コンパイルされた CSS と JavaScript です。
![Grid screenshot](/docs/4.4/examples/screenshots/grid.png)
Grid
グリッドクラスやネストなど, グリッドレイアウトの実装例です。
![Jumbotron screenshot](/docs/4.4/examples/screenshots/jumbotron.png)
Jumbotron
navbar と基本的なグリッドカラムを用いた Jumbotron です。
Navbars
デフォルトの navbar コンポーネントがどのように動き,配置され,拡張されるかを示します。
![Navbars screenshot](/docs/4.4/examples/screenshots/navbars.png)
Navbars
navbar の全てのレスポンシブ設定およびコンテナ設定のデモンストレーションです。
![Navbar static screenshot](/docs/4.4/examples/screenshots/navbar-static.png)
Navbar static
ページ上に static に配置される, カスタマイズした navbar の例です。
![Navbar fixed screenshot](/docs/4.4/examples/screenshots/navbar-fixed.png)
Navbar fixed
画面の上に固定される, カスタマイズした navbar の例です。
![Navbar bottom screenshot](/docs/4.4/examples/screenshots/navbar-bottom.png)
Navbar bottom
画面の下に固定される, カスタマイズした navbar の例です。
Experiments
将来に対応した特徴や手法のサンプルです。
![Floating labels screenshot](/docs/4.4/examples/screenshots/floating-labels.png)
Floating labels
入力欄に floating labels を用いた, 美しくシンプルなフォームです。
![Offcanvas screenshot](/docs/4.4/examples/screenshots/offcanvas.png)
Offcanvas
画面幅に応じて, navbar がスライドする offcanvas メニューに変化する例です。