Bootstrap: tr catégorie “avertissement” ne fonctionne pas dans rayé-table

J'ai une table est définie <table class="table table-striped"> avec certaines lignes comme <tr class="success">, <tr class="info">, et <tr class="warning">.

La success et info table-lignes montrent bien: le rouge et le bleu, tout comme ils devraient l'être. Mais le warning lignes ne montrent pas jaune comme prévu. Ils sont juste régulier, zebra-stripe blanc ou gris.

Étrange c'est que, si j'ajoute table-hover à la table des classes, le warning lignes jaune, mais seulement lors de son survol. Le success et info lignes, cependant, toujours montrer leurs couleurs, stationnaire ou non.

Je ne semble pas anyproblem jsfiddle.net/C9Phk , vous pouvez avoir votre violon trop ?
Oui, @VikasGhodke. Ça fonctionne très bien.
Une question de la spécificité probablement. Soit plongée dans les fichiers CSS, voir la règle qui remplace la .table .warning, ou simplement faire une nouvelle règle de style avec .table .warning et put après le démarrage styles.
Bizarre, ça fonctionne pour moi maintenant. Je dois ai foiré quelque chose d'autre, quelque part... merci pour l'aide, et désolé pour la fausse alarme.
Salut Jonathan, en quelque sorte, j'ai eu ce exact même chose. La suppression de la classe table-striped montre la couleur correcte, mais avec table-striped il ne veut pas le montrer.. Aucune idée de comment vous avez résolu ce? modifier compris après quelques minutes; le style pour .table-striped ai annulé par un deuxième CSS, mais le .success ( ... ) les classes n'étaient pas censés passer outre .table-striped n'étaient pas définis!

OriginalL'auteur Jonathan | 2013-09-18

  1. 13

    À propos de cette question avec v3.0.3 (qui sera corrigé dans la v3.1, à chaque fois qu'ils le libèrent), une rapide/irrégulier pour résoudre ce problème est d'ajouter !important de remplacements de certains CSS spécifique pour ce problème:

    .table-striped > tbody > tr > .danger,
.table-striped > tbody > .danger > td,
.table-striped > tbody > .danger > th {
  background-color: #f2dede !important;
}

    Évidemment ajouter ce pour thead, tfoot etc et success, info etc si vous utilisez ceux-ci. Je suis seulement en utilisant danger, et seulement dans le tbody. J'ai mis ces modifications dans mon bootstrap.fichier css, de sorte que lorsque je mettre à jour v3.1 il va mettre à jour de toute façon.

    Avis pour les utilisateurs de Bootstrap 2: Nous avons le même problème ici, et scrowler's solutions de corriger cela à la fois! Oui, vous pouvez utiliser danger (et d'autres) classé lignes dans le Bootstrap 2 dénudées tables, avec ce petit correctif. Dommage, que je ne peut vous donner qu' +1, cause de votre solution est génial!

    OriginalL'auteur Robbie Averill

  2. 5

    Il semble que ce soit un savoir bug dans v3.0.3 et sera corrigé dans la v3.1.0

    https://github.com/twbs/bootstrap/issues/11728

    Pour l'instant je vais juste enlever catégorie: table-striped pour rendre les couleurs apparaissent de nouveau.

    OriginalL'auteur Richard

  3. 0

    Problème...
    En 2.1.0 Bootstrap, le "tr.avertissement" a laissé de côté, de sorte que bootstrap.le css a été

    .table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}

    Mais il devrait ressembler à quelque chose comme:

    .table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}
.table tbody tr.warning td {
  background-color: lightgoldenrodyellow;
}

    Remarque le choix de la couleur pour "tr.avertissement" c'est mon choix, et pas un Bootstrap de couleur par défaut.

    OriginalL'auteur Dave Strickler

  4. 0

    Si vous utilisez MOINS et de construire votre propre bootstrap, je vous suggère d'ajouter !important à la bg-variant-mixin:

    //Fix for known bug bg-variant, fixes issues with striped tables
.bg-variant(@color) {
    background-color: @color !important;
    a&:hover,
    a&:focus {
        background-color: darken(@color, 10%) !important;
    }
}

    OriginalL'auteur olahell