BootStrap の概要と、それを展開およびインストールする方法 (概要)

この記事では、BootStrap とは何か、およびそれを展開およびインストールする方法を紹介します。困っている友人は参考にしていただければ幸いです。 ブートストラップ チュートリアルにアクセスして、ブートストラップ関連のビデオ チュートリアルを入手して学習することもできます。

Bootstrap の概要

Bootstrap とは何ですか?

Bootstrap は、Twitter の Mark Otto と Jacob Thornton によって開発されました。

Bootstrap は、2011 年 8 月に GitHub でリリースされたオープンソース製品です。

#Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。

Bootstrap は応答性の高いレイアウトをサポートしており、多くのレイアウトと互換性があります。端末（パソコン、タブレット、携帯電話）からアクセスします。 ##Bootstrap の展開とインストール

##1.公式 Web サイト https://v3.bootcss.com/ からブートストラップ フレームワークをダウンロードします。

2. ダウンロードしたフレームワークをルート ディレクトリに置き、ファイルをインポートします。

モバイル デバイスファーストのステートメントをサポートするには、ヘッド タグ

 <meta name="viewport" content="width=device-width, initial-scale=1">

の上にステートメントを配置してから、ブートストラップ CSS ファイルを導入する必要があります。

ブートストラップ フレームワークは jQuery に依存しているため、最初に jQuery ライブラリを導入し、次にブートストラップ js ファイルを導入する必要があります。

以下は、フレームワークを導入する完全なコードです。

(ブートストラップ js ファイルは本体の下部に配置するのが最適です)

	
		<meta>
		<!--支持移动设备优先-->
		<meta>
		<title>测试文档</title>
		<!--引入 Css 文件-->
		<link>
		<!--引入 jQuery 文件-->
		<script></script>
		<!--引入 bootstrap 框架 js 文件-->
		<script></script>
	

3. jQuery ファイルの下の head タグで公式に提供されている CDN

を使用することもできます。

インターネット接続が必要です。アクセスできます。

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link>

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script></script>

要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がBootStrap の概要と、それを展開およびインストールする方法 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。