Bootstrap4 教程

Bootstrap は、レスポンシブレイアウト、モバイルファーストの WEB プロジェクトを開発するための、世界で最も人気のあるフロントエンドコンポーネントライブラリです。

Bootstrap4 は、HTML、CSS、JS 開発のためのオープンソースツールセットです。当社が提供する Sass 変数と多数の mixin、レスポンシブグリッドシステム、拡張可能な既製コンポーネント、jQuery ベースの強力なプラグインシステムを利用して、あなたのアイデアのプロトタイプをすばやく開発したり、アプリ全体を構築したりできます。

このチュートリアルは誰向けですか？

HTML と CSS の基礎知識があれば、このチュートリアルを読んで、自分のウェブサイトを開発することができます。このチュートリアルを学び終えた後、Bootstrap を使用して Web プロジェクトを開発する中級レベルに達することができます。

このチュートリアルを読む前に、理解しておく必要がある知識：

このチュートリアルを読み始める前に、HTML、CSS、JavaScript の基礎知識を身につけている必要があります。これらの概念をまだ理解していない場合は、まず以下のチュートリアルを読むことをお勧めします：

Bootstrap4 实例

<div class="jumbotron text-center"> <h1>私の最初のBootstrapページ</h1> <p>重置浏览器大小查看效果!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>第一列</h3> <p>サンプル</p> <p>学ぶのは技術だけでなく、夢でもあります！！！</p> </div> <div class="col-sm-4"> <h3>第二列</h3> <p>サンプル..</p> <p>学ぶのは技術だけでなく、夢でもあります！！！</p> </div> <div class="col-sm-4"> <h3>第三列</h3> <p>サンプル..</p> <p>学ぶのは技術だけでなく、夢でもあります！！！</p> </div> </div> </div>

尝试一下 »

Bootstrap4 と Bootstrap3

Bootstrap4 は Bootstrap の最新バージョンであり、Bootstrap3 と比較して、より多くの具体的なクラスが追加され、関連する部分のいくつかが関連コンポーネントに変わりました。同時に、Bootstrap.min.css のサイズは 40% 以上削減されました。

Bootstrap4 は、IE8 および iOS 6 のサポートを廃止し、現在は IE9 以上および iOS 7 以上のバージョンのブラウザのみをサポートしています。以前のブラウザを使用する必要がある場合は、... を使用してください。Bootstrap3。

其他扩展