検索

ホームページ >ウェブフロントエンド >CSSチュートリアル >ブートストラップのダウンロードとインポートの例

ブートストラップのダウンロードとインポートの例

PHPz
PHPzオリジナル
2018-06-28 16:37:552708ブラウズ

1. 通常は CSS が最初にインポートされます

2. ブートストラップは jQuery ライブラリに依存するため、最初にすべての jQuery をインポートする必要があります

3. プロジェクトがブートストラップ プラグインを使用しない場合は、最後にブートストラップ js ファイルをインポートします。インポートする必要はありません

1. すべてのスタイルはクラスを使用して追加されます

2. 要素にさまざまな効果を追加できます

[関連ビデオの推奨: Bootstrap チュートリアル]

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!--导入bootstrap的css样式文件-->
    <link rel="stylesheet" href="dist/css/bootstrap.css">
    <!--必须先导入jQuery-->
    <script src="jquery-3.2.1.js"></script>
    <script src="dist/js/bootstrap.js"></script>
    <title>Bootstrap下载与导入</title>
</head>
<body>
<img src="1.jpg" alt="" class="img-circle img-responsive">
<div class="alert alert-warning">
    <a href="#" data-dismiss="alert">
        &times;
    </a>
    <strong>警告！</strong>您的网络连接有问题。
</div>
</body>
</html>

以上がブートストラップのダウンロードとインポートの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

関連記事

続きを見る