ブートストラップはテクノロジーですか、それともフレームワークですか?-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2021-11-05 14:01:04

オリジナル

2373 人が閲覧しました

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>

ログイン後にコピー

効果は次のとおりです:

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