Bootstrap 3で行の色を変更する方法？

Question

ブートストラップ3グリッドの交互行の背景色を変更したいです。私はいくつかのCSSを作成し、それをDIVのクラスに追加することができると考えましたが、色は変わりません。

これが私のCSS：

.row-buffer {
margin-top:20px;
margin-bottom:20px;
}

.row-even {
background-color:#76A0D3;
}
.row-odd {
background-color:#BDE3FB;
}

.

と私の行はそのように定義されています：

<div class="row row-buffer row-even">

.

または：

<div class="row row-buffer row-odd">

.

行バッファは完全に動作していますが、行偶数と行奇数は違いを生じていないようですか？（私の行はコンテナ内で定義されています。）

私は間違った木を吠えていますか？

Answer 1

あなたの正確な状況を見ることができず、私はあなたがセレクターの特異性のために問題を抱えていることを推測するつもりです。Bootstrapが.Class以外のものよりも具体的なセレクタがある場合、ルールはそれを無効にすることはありません。ブートストラップよりもセレクタに一致するか、またはより具体的にする必要があります。

通常多くの特異性を得るための簡単な方法は、次のような選択肢にIDを追加することです。

#myrows .row-even {
    background-color:#76A0D3;
}
#myrows .row-odd {
    background-color:#BDE3FB;
}

.

特異性の原因となる方法の小さい例を作成しました。 http://jsfiddle.net/path411/jyuy2/

Answer 2

これは、BootStrapの奇数行の色を変更するためにオーバーライドできる特定のセレクタです。

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #your-color;
}

.

Answer 3

私はあなたがテーブル内の行の交互行のための異なる背景スタイル/色を作成しようとしていると思います。

最も簡単な方法は、自己囲むタグを追加するだけです

    <AlternatingRowStyle CssClass="danger" />

.

データの前にテーブルの中にASP.NETのGridViewコントロールはASP

の後に置くだけです。

GridViewタグと列タグの前に。

ブートストラップにこの事前定義されているため、すぐに効果が表示されます。

私の答えが将来誰かを助けることを願っています。

歓声！