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

ブートストラップのスタイルを変更する方法

(*-*)浩
リリース: 2019-07-19 10:34:18
オリジナル
4453 人が閲覧しました

ブートストラップを使用すると、開発プロセスとコードを簡素化できます。ブートストラップのコードは非常に便利ですが、CSS スタイルが非常に単調になるという状況にも直面しています。

ブートストラップのスタイルを変更する方法

#CSS スタイルをオーバーライドすることで解決できます。

しかし、書いているときに、取り上げたコードでは元のブートストラップ コードを変更できないことがわかりました。

これは小さな問題ですが、午後中ずっと悩んでいました。オンライン上には関連する回答がありません。

実際、この問題は非常に単純です。html は上から下にレンダリングされ、後のスタイルが以前のスタイルを上書きするからです。

したがって、CSS スタイルがブートストラップ スタイルをカバーできない場合は、ブートストラップの導入の前に独自のスタイルの導入が配置されているかどうかを確認してください。

正しいことは、ブートストラップの紹介の後ろに独自のスタイルの紹介を置くことです。

例:

  <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="index.css"> //这是我的
ログイン後にコピー

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート