ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >ブートストラップにスタイルシートを追加する方法

ブートストラップにスタイルシートを追加する方法

(*-*)浩
(*-*)浩オリジナル
2019-07-19 11:21:312479ブラウズ

Bootstrap は、レスポンシブなレイアウト、モバイルファーストの WEB プロジェクトを開発するための世界で最も人気のあるフロントエンド コンポーネント ライブラリです。

ブートストラップにスタイルシートを追加する方法

Bootstrap (推奨される学習: Bootstrap ビデオ チュートリアル )

<!--  Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
 
<!--  Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

これを見ることができますこのブートストラップでは、 タグを使用して CSS スタイル シートを追加します。

タグは、ドキュメントと外部リソース間の関係を定義します。

タグの最も一般的な使用法は、スタイル シートをリンクすることです。

注: link 要素は空の要素であり、属性のみが含まれています。

注: この要素は head セクションにのみ存在できますが、何度でも出現できます。

グローバル属性

タグは、HTML のグローバル属性をサポートします。

イベント属性

タグは、HTML のイベント属性をサポートします。

Bootstrap に関連する技術的な記事については、Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップにスタイルシートを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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