40

CSS を使用してデフォルトの色をネイビー ブルーに設定した Web アプリケーションを構築しています。しかし、私のページに twitter ブートストラップ css を追加すると、ネイビー ブルーの色が見つからず、代わりに twitter ブートストラップによって提供される白い背景色が見つかりました。

私の質問は、ページの背景を変更するには、ブートストラップで css のどの部分を変更する必要があるかということです。

4

10 に答える 10

64

独自のルールを追加して、Bootstraps のデフォルト CSS を上書きできます。

<style type="text/css">
   body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>
于 2012-05-26T20:26:49.803 に答える
12

実際のブートストラップ CSS ファイルを変更することはお勧めしません。Jako の最初のソリューションを使用したくない場合は、利用可能な Bootstrap テーマ ジェネレーター ( Bootstrap theme generators ) の 1 つを使用してカスタム ブートストラップ スタイル シートを作成できます。そうすれば、必要な変更を 1 つだけ加えて、デフォルトの Bootstrap CSS のすべてで 1 つのスタイル シートを使用できます。Bootstrap テーマ ジェネレーターを使用すると、CSS を記述する必要はありません。ボディに必要な色の 16 進値を設定するだけです (Scaffolding; bodyBackground)。

于 2013-03-05T07:47:23.280 に答える
6

この行を bootstrap_and_overides.css.less ファイルに追加するだけです。

body { background: #000000 !important;}

それでおしまい

于 2014-02-22T15:24:05.620 に答える
5

私が見つけた解決策は、最初にブートストラップのcdnを含め、次に（すぐ下に）.cssブートストラップのデフォルトスタイルを編集しているファイルを含めます。

于 2015-01-29T18:52:56.353 に答える
3

独自の .css ファイルを追加して入れます。

body{
    background: navy;
}

重要: css ファイルを html に含めるときは、最初に cdn ブートストラップ css を含め、次に独自の .css ファイルのみを含めます。このように、独自の css ファイルのスタイルは、ブートストラップ css のデフォルトの動作をオーバーライドします。

于 2016-07-17T18:17:26.523 に答える
1

ローカルの style.css を使用するだけで、ブートストラップ ファイルを上書きすることはお勧めしません。

ボディ{背景:あなたの色!重要;

ここで!重要な宣言はブートストラップ値を上書きします。

于 2016-10-11T07:29:06.290 に答える
0

クラスでhtmlとcssの背景色を変更する方法

例：

あなたが書くhtmlに

<div class="pad_menu">
</div>

CSSで

.pad_menu {
   padding: 100px;
   background-color: #A9FFCB;
}

背景が Magic Mint に変わります。色のコードを知りたい場合は、https://coolors.coにアクセスすることをお勧めします。これが役に立つことを願っています:)

于 2017-11-05T11:00:31.730 に答える