Bootstrapを使ってみようと情報を集めてみましたが、Bootstrap 4の日本語での情報がありません。
Bootstrap 3とBootstrap 4は、かなり変化しているようなので、今から覚えるなら、Bootstrap 4から始めたほうがいいような気がします。ということで、ドキュメントを訳してみることにしました。
Bootstrap 4ドキュメント
はじめに
Getting started
- 概要 Introduction
Bootstrap CDNとテンプレート・スターター・ページで、レスポンシブ、モバイル・ファースト・サイトに構築するための世界で最も人気があるフレームワーク、Bootstrapを使い始めましょう。
- ダウンロード Download
RubyGemsなどのような、それが含まれるあなたのお気に入りのパッケージ・マネージャーで、Bootstrapをダウンロードします。
- 内容 Contents
プレコンパイルされた私たちとソース・コードの特色が含まれているBootstrapに含まれるものを発見します。BootstrapのJavaScriptプラグインは、jQueryを必要とすることを覚えておいて下さい。
- ブラウザーとデバイス Browsers and devices
最新のものから以前のまで、Bootstrapでサポートされている、各々の既知のクセとためのバグが含まれているブラウザーとデバイスについて学びます。
- JavaScript
jQuery上で、私たちの選択可能なJavaScriptプラグインをビルドする、Bootstrapを生活に導入します。それぞれのプラグイン、データとプログラムのAPIオプションなどについて学びます。
- Bootstrapにテーマを与える Theming Bootstrap
簡単にテーマやコンポーネントを変更するために、グローバル・スタイル設定のための私たちの新しい組み込みSass変数で、Bootstrap 4をカスタマイズします。
- ビルド・ツール Build tools
私たちのドキュメントを構築するために、ソース・コードをコンパイルするために、テストを実行するためなど、どのように、Bootstrapの組み込まれたnpmスクリプトを使用するかを学びます。
- Webpack
Webpack 3を使用して、あなたのプロジェクトにBootstrapを組み込む方法を学びます。
- アクセスしやすさ Accessibility
アクセス可能な内容の作成するためのBootstrapの機能の概要と制限
レイアウト
Layout
- 概要 Overview
あなたのBootstrapプロジェクトを配置するためのコンポーネントとオプション、ラッピング・コンテナは、強力なグリッド・システム、フレキシブルメディア・オブジェクトとレスポンシブ・ユーティリティ・クラスが含まれています。
- Gridシステム Grid system
12の列システム、5つのデフォルトのレスポンシブ層、Sass変数とmixinsと何十ものあらかじめ設定されたクラスのためのすべての形状と大きさのレイアウトを構築するために、私たちのパワフルなモバイル優先フレックスボックス・グリッドを使用します。
- Mediaオブジェクト Media object
ブログのコメント、つぶやき、などのような、とても繰り返しの多いコンポーネントを構築するためのBootstrapのメディア・オブジェクトのためのドキュメントと例。
- レイアウトのためのユーティリティ Utilities for layout
迅速なモバイル・フレンドリーとレスポンシブ開発のため、Bootstrapには、表示、隠蔽、整列と内容の間隔ための何十ものユーティリティ・クラスが含まれています。
内容
Content
- 再起動 Reboot
Reboot、単一ファイルの要素固有のCSSのコレクションを、手際よく、一貫し、完結に提供される、Bootstrapのキックスターターの基準線を構築するために、変更します。
- 文字体裁 Typography
グローバル設定、見出し、本文、リストなどのブートストラップ文字体裁のドキュメントと例があります。
- コード Code
Bootstrapで、コードのインラインと複数行のブロックを表示するためのドキュメントと例。
- 画像 Images
(親要素より大きくなることはない)レスポンシブ動作する画像を選ぶためのドキュメントと例と、それらに、すべてクラス経由で、軽量のスタイルを追加します。
- 図形 Figures
Bootstrapの図形コンポーネントを使用して、関連するイメージとテキストを表示するためのドキュメントと例。
コンポーネント
Components
- 警告 Alerts
利用できる柔軟な警告メッセージで、一般的なユーザーの動作のために、文脈上のフィードバック・メッセージを与えます。
- バッジ Badges
バッジのためのドキュメントと例、私たちの小さなカウンターとラベリング・コンポーネント。
- パンくずリスト Breadcrumb
ナビゲーション階層内の現在のページの位置を指定し、CSSを介してセパレータを自動的に追加します。
- Button Buttons
フォ-ム、ダイアログ、そして、複数のサイズ、状態など、より多くのための動作のために、Bootstrapのカスタム・ボタン・スタイルを使用します。
- ボタン・グループ Button group
一連のボタンをボタン・グループで1行にまとめ、JavaScriptでスーパーパワーを加えます。
- カード Cards
Bootstrapのカードは、複数のバリエーションとオプションを備えた柔軟で拡張可能なコンテンツ・コンテナを提供します。
- カルーゼル Carousel
カルーゼルのような、要素を循環するためのスライドショー・コンポーネント-テキストの画像やスライド
- 折り畳み Collapse
Bootstrap 4のCollapseは、ボタンを押して、要素の表示・非表示を切り替える機能です。
- ドロップダウン Dropdowns
Bootstrapドロップダウン・プラグインで、リンクなどのリストを表示するためのコンテキストのオーバレイを切り替えます。