简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
ホームページ
記事
に質問
コース
特集
ダウンロード
ゲーム
辞書
最近の更新

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

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

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

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 の複数行コメント記号とは何ですか?

関連記事

続きを見る