[解決済み] bootstrap-theme.cssをbootstrap 3で使用するには?
質問
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 の良さを誤って壊すことなく、簡単にスタイルを変更できるかもしれません。
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]