ブートストラップはJSフレームワークですか?-ブートストラップのチュートリアル-php.cn

ブートストラップはJSフレームワークですか?

(*-*)浩

リリース： 2019-07-18 11:25:06

オリジナル

2156 人が閲覧しました

Bootstrap は、Twitter によって開始されたフロントエンド開発用のオープンソースツールキットであり、CSS/HTML フレームワークです。

Twitter デザイナーの Mark Otto と Jacob Thornton によって開発されました。 (推奨学習: Bootstrap ビデオチュートリアル )

Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。

Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソースプロジェクトとなっています。

Bootstrap は、jQuery フレームワークに基づいて開発されており、jQuery フレームワークに基づいてよりパーソナライズされ、ユーザーフレンドリーになっており、独自の Web サイトスタイルを形成し、ほとんどの jQuery プラグインと互換性があります。

Bootstrap には豊富な Web コンポーネントが含まれており、これらのコンポーネントに基づいて、美しく完全に機能する Web サイトを迅速に構築できます。

#これには次のコンポーネントが含まれます: ドロップダウンメニュー、ボタングループ、ボタンドロップダウンメニュー、ナビゲーション、ページング、タイポグラフィ、サムネイル、警告ダイアログボックス、プログレスバー、メディアオブジェクトなど。

Web サイトをデザインしましたドロップダウンメニューやスライド広告画像が使用されています。プラグインを使用すると、Web ページの作成とデザインが簡単になりますが、使用する前に、この新しい知識コンテンツを学習し、理解する必要があります私たちが設計したコンテンツセクションで効果的に使用してください。

例: ドロップダウンメニューの例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 下拉菜单（Dropdowns）</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>

<div class="dropdown">
    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
            data-toggle="dropdown">
        主题
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">Java</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
        </li>
        <li role="presentation" class="divider"></li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
        </li>
    </ul>
</div>

</body>
</html>

ログイン後にコピー

Bootstrap 関連の技術記事の詳細については、チュートリアル

列の Bootstrap Learn をご覧ください。

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