Home > TagScript > html,cssテンプレート >  Bootstrap > Bootstrap 4 ドキュメントの和訳

Bootstrap 4 ドキュメントの和訳

新規作成日 2017-01-05
最終更新日

Bootstrapを使ってみようと情報を集めてみましたが、Bootstrap 4の日本語での情報がありません。

Bootstrap 3とBootstrap 4は、かなり変化しているようなので、今から覚えるなら、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ドロップダウン・プラグインで、リンクなどのリストを表示するためのコンテキストのオーバレイを切り替えます。