ホームページ >ウェブフロントエンド >フロントエンドQ&A >ブートストラップソフトウェアですか？

ブートストラップソフトウェアですか？

WBOYオリジナル: 2022-08-22 17:11:302368ブラウズ

Bootstrap はソフトウェアではありませんが、Web アプリケーションや Web サイトを迅速に開発するためのフロントエンドフレームワークです。Bootstrap は HTML、CSS、JavaScript に基づいて開発され、エレガントな HTML および CSS 仕様を提供するため、Bootstrap は単なる作品ではありませんソフトウェアの。

ブートストラップソフトウェアですか？

このチュートリアルの動作環境: Windows 10 システム、ブートストラップバージョン 5、DELL G3 コンピューター

ブートストラップはソフトウェアではありません

Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンドフレームワークです。ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。

Bootstrap は、米国 Twitter Company のデザイナー、Mark Otto と Jacob Thornton によって開発された、HTML、CSS、および JavaScript をベースとしたシンプルで直感的かつ強力なフロントエンド開発フレームワークで、Web 開発を高速化します。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソースプロジェクトとなっています。 WeX5 フロントエンドオープンソースフレームワークなど、国内のモバイル開発者に馴染みのある一部のフレームワークも、Bootstrap ソースコードに基づいてパフォーマンスが最適化されています。

ブートストラップソフトウェアですか？

Bootstrap パッケージの内容

基本構造: Bootstrap は、グリッドシステム、リンクスタイル、および背景を備えた基本パッケージを提供します。。構造。これについては、ブートストラップの基本構造セクションで詳しく説明します。

CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッドシステムの機能が付属しています。これについては、「ブートストラップ CSS」セクションで詳しく説明します。

コンポーネント: Bootstrap には、画像、ドロップダウンメニュー、ナビゲーション、アラートボックス、ポップアップボックスなどを作成するための再利用可能なコンポーネントが十数個含まれています。これについては、「レイアウトコンポーネント」セクションで詳しく説明します。

JavaScript プラグイン: Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。これについては、ブートストラッププラグインのセクションで詳しく説明します。

カスタマイズ: Bootstrap コンポーネント、LESS 変数、および jQuery プラグインをカスタマイズして、独自のバージョンを取得できます。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 实例</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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>
<div class="container">
  <div class="jumbotron">
    <h1>我的第一个 Bootstrap 页面</h1>
    <p>重置窗口大小，查看响应式效果！</p> 
  </div>
  <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>
</body>
</html>

出力結果:

ブートストラップソフトウェアですか？

ブートストラップソフトウェアですか？

ブートストラップはソフトウェアではありません

関連記事