4

完全に初心者の質問ですが、ブートストラップで背景色を変更しようとしています

私は使用して変更します

body{background:#fff;}

これは機能します。ページの下部に変化が見られますが、ページ全体と幅全体がまだ白いままです

私のページ内で私が持っているのは

<div class="container">
<div class="row">

コンテナーと行の本体をそれぞれ変更しましたが、それらではありません。.wrap の色も変更しようとしましたが、検査ではその中に含まれていることが示されていますが、背景全体を変更するものは何もなく、何がそれをブロックしているのかについて少し困惑しています。- 私はまだ実際のコードを書いていません。標準インストールと roots テーマだけです。

ここで何が起こっているか知っている人はいますか？私はそれが愚かなことになることを知っています。

コードはこちら

<div class="wrap" role="document">
<div class="content row">
    <div class="main col-sm-12" role="main">
        <div class="page-header">...</div>
        <section class="container">
            <div class="row">
                <div class="col-sm-4">...</div>
                <div class="col-sm-4">...</div>
                <div class="col-sm-4">...</div>
            </div><!-- end row -->
        </section>      
    </div><!-- /.main -->
</div><!-- /.content -->

これらには背景色が適用されていません。

4

4 に答える 4

3

最新のすべてのブラウザーで、アクティブなスタイルがどこから来たのかを簡単に確認できます。

Chrome 開発者ツールを使用した例を次に示します。

stackoverflow の Chrome デベロッパー ツール

調査するタグを選択し、計算されたスタイルを開き、必要なプロパティを展開します。プロパティが影響を受け、他の何かによってオーバーライドされるすべてのインスタンスが表示されます。

IE と Firefox には同様のツールがあります。

また、使用されるスタイルシートの順序が重要であることに注意してください。

于 2013-10-14T09:03:36.303 に答える
3

これを試して

body {

  background-color: #your color code;
}
于 2016-05-02T11:10:19.407 に答える
0

ルートテーマとブートストラップを削除しました。もう一度追加し、以前に行ったいくつかの変更を追加しました（エンキューされたスタイルシート）

それから私は再び体の背景を変えました。今では動作します。

なぜ以前にそうしなかったのか、手がかりがありません。他の場所に色を追加していません。変更を開始したばかりです。- おそらくバギー？

しかし、これに対する私の答えは、うっかりテーマを壊してしまったのかもしれません。

于 2013-10-14T10:31:53.957 に答える