Changer la couleur d'arrière-plan popover bootstrap
Je suis en train de changer la CSS sur un bootstrap liste. Je veux changer l'ensemble de la liste arrière-plan, et pas seulement le texte.
Des suggestions?
$(document).ready(function() {
$("[rel='android']").popover({
html: 'true',
content: '<div id="popOverBox">Coming March 2014</div>'
});
});
CSS
#popOverBox {
background: tomato;
font-family: serif;
}
source d'informationauteur Ryan Salmons
Vous devez vous connecter pour publier un commentaire.
Vous ne ciblez les
.popover
élément par rapport à#popOverBox
EXEMPLE
Et changer le fond de la flèche (pseudo-élément), vous pouvez utiliser:
Notez que si vous utilisez le moins ou sass fichiers, vous pouvez effectuer les opérations suivantes aussi:
De cette façon, pas besoin de se soucier du côté de la flèche est sur.
Changer de liste d'arrière-plan et la couleur du texte dans le Bootstrap-4
lors de l'utilisation de sass-bootstrap-4 vous pouvez le faire facilement en changeant juste quelques valeurs de variables.
Ce sont les variables dans _variables.scss fichier:
Je les change de couleur bleu clair à l'aide de $marque-info variable:
Note: son meilleur si vous copiez ces variables dans votre propre coutume.scss fichier et puis les modifier.
La sortie après le changement de variables:
Temps est passé, de toute façon je tiens à signaler mon personal solution en MOINS (en effet, correspond à mes besoins, mais je pense peut être utile à certaines personnes ici).
Ajouter une classe à
class="popover"
, commeclass="popover popover-warning"
et à moins de faire quelque chose comme ceci:Espère que cette aide.