Comment changer la couleur d'une ligne dans le Bootstrap 3?

Je veux changer la couleur de fond d'une alternance de lignes dans un Bootstrap 3 de la grille. J'ai pensé que je pouvais créer un peu de CSS et de l'ajouter à la classe dans le div, mais la couleur ne change pas.

Voici mon CSS:

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

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

Et ma ligne est définie comme suit:

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

ou:

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

De la ligne tampon fonctionne parfaitement, mais la ligne-même et row-odd ne semblent pas faire la différence? (Mes lignes sont définies à l'intérieur d'un conteneur.)

Suis-je fausse route?

OriginalL'auteur branty1970 | 2013-11-15

  1. 9

    Sans être en mesure de voir votre situation exacte, je vais deviner que vous rencontrez un problème de sélecteur de spécificité. Si bootstrap est plus spécifique sélecteur de juste .de la classe, puis votre règle ne sera jamais le remplacer. Vous devez correspondre ou être plus précis dans votre sélecteur de bootstrap.

    Un moyen facile pour gagner beaucoup de spécificité est d'ajouter un id à votre sélecteurs comme :

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

    J'ai créé un petit exemple de la façon dont la spécificité peut causer des problèmes:
    http://jsfiddle.net/path411/JyUy2/

    ou peut-être tout de même .ligne.ligne-même et de .ligne.row-odd. Peut être utile pour effacer les lignes en tant que bien.

    OriginalL'auteur Ben

  2. 6

    Ces sont les sélecteurs vous pouvez remplacer pour modifier la couleur des lignes impaires dans le Bootstrap: 

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

    OriginalL'auteur Dhaulagiri

  3. -8

    Je suppose que vous essayez de créer différents styles d'arrière-plan et les couleurs de l'alternance de lignes dans une table.

    La façon la plus simple est de simplement ajouter une auto balise englobante

        <AlternatingRowStyle CssClass="danger" />

    à l'intérieur de votre table avant les données.Dans un contrôle gridview dans asp.net il suffit de placer à la fin de l'asp

    gridview tag et avant les colonnes de la balise.

    Vous verrez immédiatement l'effet depuis Bootstrap a ce prédéfinies.

    J'espère que ma réponse sera aider quelqu'un dans le futur.

    Cheers !

    Il y a déjà une sémantique de la balise <li> que vous pouvez le style en tant que de besoin. Vous devriez éviter l'ajout de divs juste pour accrocher css en possible.

    OriginalL'auteur SeeSharp