Bootstrap4 教程
Bootstrap は、レスポンシブレイアウトやモバイルファーストのWEBプロジェクトを開発するための、世界で最も人気のあるフロントエンドコンポーネントライブラリです。
Bootstrap4 は、HTML、CSS、JS 開発のためのオープンソースツールセットです。当社が提供する Sass 変数と多数の mixin、レスポンシブグリッドシステム、拡張可能な既製コンポーネント、jQuery ベースの強力なプラグインシステムを利用することで、アイデアのプロトタイプを迅速に開発したり、アプリ全体を構築したりすることができます。
このチュートリアルは誰向けですか？
HTML と CSS の基礎知識があれば、このチュートリアルを読んで、自分のウェブサイトを開発することができます。このチュートリアルを学び終えた後、Bootstrap を使用して Web プロジェクトを開発する中級レベルに到達できます。
このチュートリアルを読む前に、理解しておく必要がある知識：
このチュートリアルを読み始める前に、HTML、CSS、JavaScript の基礎知識が必要です。これらの概念をまだ理解していない場合は、まず私たちのこれらのチュートリアルを読むことをお勧めします：
Bootstrap4 实例
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。
其他扩展