1. ホーム
  2. html

[解決済み] bootstrap-theme.cssをbootstrap 3で使用するには?

2022-04-22 10:30:43

質問

bootstrap 3 の完全なパックを以下のサイトからダウンロードした後、そのパックを使用してください。 http://getbootstrap.com テーマ用のcssファイルが別にあることに気がつきました。どのように利用すればいいのでしょうか?説明お願いします。

私は bootstrap-theme.css を既存のbootstrapプロジェクトに追加しましたが、出力に違いはありません。

どうすればいいですか?

Bootstrap 3.xをダウンロードすると、次のような画面が表示されます。 bootstrap.css ブートストラップテーマ.css (これらのファイルのminifiedバージョンも存在することは言うまでもありません)。

bootstrap.css

bootstrap.css は完全にスタイリングされ、すぐに使えるようになっています(もしそうしたいのであれば)。少し地味かもしれませんが、準備は整っていますし、そこにあるのです。

<ブロッククオート

bootstrap-theme.css を使いたくなければ使う必要はありませんし、うまくいくでしょう。

ブートストラップテーマ.css

bootstrap-theme.css は、ファイル名が示唆する通り、ブートストラップ用のテーマで、クリエイティブに「THE ブートストラップテーマ」と考えられているものです。このファイル名は物事を少し混乱させます。 bootstrap.css はすでにスタイルが適用されており、私としてはそれらのスタイルがデフォルトであると考えています。しかし、この結論は、Bootstrapドキュメントの例のセクションで述べられていることに照らして、明らかに間違っている。 bootstrap-theme.css ファイルを作成します。

オプションのBootstrapテーマを読み込んで、視覚的に強化された体験を提供します。

上記の引用文はこちらにあります http://getbootstrap.com/getting-started/#examples この例のページにリンクしているサムネイルに http://getbootstrap.com/examples/theme/ . という考え方です。 bootstrap-theme.css THE bootstrapのテーマで、オプションです。

BootSwatch.comのテーマ

BootSwatch.comのテーマについて。これらのテーマは、以下のように実装されていません。 bootstrap-theme.css . BootSwatch のテーマは、オリジナルの bootstrap.css . ですから、BootSwatch のテーマと bootstrap-theme.css ファイルを同時に作成します。

カスタムテーマ

自分だけのカスタムテーマについて。あなたは bootstrap-theme.css 独自のテーマを作成する場合。そうすれば、内蔵の Bootstrap の良さを誤って壊すことなく、簡単にスタイルを変更できるかもしれません。