コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > ブートストラップのダウンロードとインポートの例

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

PHPz
リリース： 2018-10-15 15:43:58
オリジナル
2705 人が閲覧しました

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

関連ラベル：
bootstrap下载，bootstrap导入
ソース：php.cn
前の記事：HTML5入力プレースホルダーの色の変更 次の記事：ブートストラップグリッドレイアウトシステムの例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Laravel のブートストラップ モードで AWS PDF ファイルを表示する https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/6557122022151745398XtquBSY.pdf のよ...
から 2024-04-04 22:16:18
0
1
1450
Chrome での HTML Web ページのページネーション フルページの div コンテナの後にページネーションしようとしています。紹介ページを読み込むのと同じように、下にスクロールすると、一種のナビゲーション センターに入ることができます...
から 2024-04-02 23:26:08
0
1
404
Rasberry pi で Uibuilder (Node-red) を開けません Node-RED を Rasberrypi に正常にインストールし、システムに必要なプロセスもインポートしました。しかし、Vue および Bootstrap-vue ファイルが利用...
から 2024-03-31 23:25:51
0
1
347
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート