ホームページ >ウェブフロントエンド >フロントエンドQ&A >ブートストラップはテクノロジーですか、それともフレームワークですか?

ブートストラップはテクノロジーですか、それともフレームワークですか?

青灯夜游オリジナル: 2021-11-05 13:56:232404ブラウズ

bootstrap はフレームワークです。 Bootstrap は、Web アプリケーションや Web サイトを迅速に開発するためのフロントエンドフレームワークです。HTML、JavaScript、CSS に基づいて開発されたフレームワークで、主に応答性の高い Web サイトの構造とレイアウトに使用されます。

このチュートリアルの動作環境: Windows7 システム、bootsrap3.3.7 バージョン、DELL G3 コンピューター

Bootstrap は、高速処理に使用される Web アプリケーションです。開発 Webサイトのフロントエンドフレームワークは、HTML、JavaScript、CSSをベースに開発されたフレームワークで、主にレスポンシブWebサイトの構造やレイアウトに使用されます。

Bootstrap の登場は、主に Web ワーカーの作業を簡素化することを目的としており、これには JavaScript での動的な調整も含まれます。

Bootstrap の利点

モバイルファースト: Bootstrap 3 の時点で、フレームワークにはライブラリ全体にモバイルファーストスタイルが含まれています。
ブラウザのサポート: すべての主要なブラウザはブートストラップをサポートしています。
始めるのが簡単: HTML と CSS の基本的な知識があれば、Bootstrap の学習を始めることができます。
レスポンシブデザイン: Bootstrap のレスポンシブ CSS は、デスクトップ、タブレット、携帯電話に適応できます。
開発者がインターフェイスを作成するための簡潔で統合されたソリューションを提供します。
強力な組み込みコンポーネントが含まれており、カスタマイズが簡単です。
Web ベースのカスタマイズも提供します。
これはオープンソースです。

Web サイトでテキストを表示する必要がある場合、自分で書くと大量のコードを記述する必要がありますが、ブートストラップフレームワークを使用して記述すると、 HTML タグを記述するだけで、あとはクラス名を呼び出すだけです。コードは次のように表示されます:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 强调</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<small>本行内容是在标签内</small><br>
<strong>本行内容是在标签内</strong><br>
<em>本行内容是在标签内，并呈现为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>
 
</body>
</html>

効果は次のとおりです:

ブートストラップはテクノロジーですか、それともフレームワークですか?

次のことがわかります:

提供されるスタイルを使用するコンポーネントを含む Web サイトをすばやく作成します
定義済みのクラス (クラス名) を参照するだけで、すでに非常に美しいスタイルを持つ Web ページを作成できます。、アダプティブをサポートする、非常に優れたフレームワークです。

つまり、関連するクラス、タグ名などの意味を理解し、ページを構築するときにブートストラップの JS、CSS などをインポートするだけで済みます。対応する効果が表示されます。

推奨学習:「ブートストラップの使用方法のチュートリアル」

以上がブートストラップはテクノロジーですか、それともフレームワークですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript css bootstrap html 前端框架接口 class JS

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript の複数行コメント記号とは何ですか?次の記事：JavaScript の複数行コメント記号とは何ですか?

続きを見る