Quelle propriété d'affichage de la classe s'applique à DIV si j'ajoute la fois la classe Bootstrap 'D-LG-Block' et 'D-None'.
<div class="d-lg-block d-none"> </div>
4 Réponses :
Ces classes sont réactives (à l'aide de requêtes de média CSS), de sorte que cela dépend de la largeur de l'écran. Affichage: Bloc est appliqué sur plus large que 992PX, et Affichage: Aucun est appliqué sur moins de 992px
La dernière classe a la priorité. Donc, des styles contradictoires de D-Aucun sont appliqués.
(pas une question angulaire)
Mon meilleur conseil pour des choses simples comme celle-ci - en particulier avec CSS - essayez-la dans votre navigateur. Lorsque je l'essaie, le bloc D-LG gagne.
Ils sont tous les deux EDIT:
Après avoir examiné le code source Bootstrap, .D-LG-Block est déclaré plus tard, alors lorsque la largeur de votre écran est> = 992px, le bloc D-LG gagnera toujours. ! IMPORTANT , Donc, le bloc D-LG est probablement gagnant en raison d'être déclaré après D-None.
Lorsque vous utilisez d -one non, ceci est défini comme affichage Aucun Aucun donc ne pas sur l'écran Aucun, mais lorsque vous ajoutez D-LG-Block, seule la taille de grande taille affichera le bloc, toutes les autres dimensions d'écran affichent toujours Néanmoins de votre d ne.
Ils devraient tous deux s'appliquer mais s'ils sont en concurrence sur un attribut (par exemple, la frontière), on annulera l'autre.
Le DIV ne sera affiché que sur des écrans supérieurs à 992px - les deux classes s'appliqueront.