ブートストラップのダウンロードとインポートの例-CSSチュートリアル-php.cn

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

PHPz

リリース： 2018-10-15 15:43:58

オリジナル

2692 人が閲覧しました

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 サイトの他の関連記事を参照してください。