Discussion :

[Gob59]

Bonjour à tous (et bonne année 2020 )

Voici mon problème :
- dans un projet on importe la stylesheet bootstrap 4.3.1 tel que :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="{{ asset('vendor/bootstrap_4_3_1/bootstrap.min.css') }}" rel="stylesheet">

et j'ai trouvé un codepen pour un composant dont j'ai besoin et qui utilise lui, bootstrap 3.2.0
et que j'importe dans un fichier texte dans mon folder CSS tel que :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="{{ asset('css/bootstrap.3.2.0.css') }}" type="text/css" rel="stylesheet"/>

Evidemment, le composant ne ressemble à rien sans bootstrap.3.2.0.css
et il n'est pas question d'enlever bootstrap 4.3.1 sous peine que ce soit le projet entier qui ne ressemble plus à rien...

Le soucis est donc de faire "cohabiter" les 2 pour que tous les deux fonctionnent correctement ...
Autre soucis, les deux fichiers faisant des centaines de lignes chacun, je ne me vois pas décortiquer balise par balise et classe par classe les 2 fichiers..

des idées svp ?

d'avance merci.

[mathieu]

quand le même sélecteur est utilisé plusieurs fois, c'est le dernier ajouté qui a la priorité.

ensuite quand des sélecteurs différents ciblent la même balise, vous trouverez des explications là :
https://romain-lebreton.developpez.c...-en-page#LIV-A

[Gob59]

Oui, je connais +/- les règles de CSS

Mon soucis c'est de trouver un moyen d'intégrer facilement le composant qui tire d'une le sien d'une feuille CSS de centaines de lignes (bootstrap 3.2.0) au sein d'un projet qui lui, utilise bootstrap 4.3.1.

Ces deux CSS sont manifestement incompatibles en l'etat et je cherchais donc un moyen d' "extraire" ce qui est necessaire au composant pour le mettre dans un autre fichier CSS.

J'aurais donc voulu savoir si vous aviez des idées car je ne compte pas me farcir les centaines de lignes de CSS dudit fichier pour verifier regle par regle laquelle s'applique surtout que le dit composant n'est pas une simple balise mais un tableau à onglets composé de plusieurs balises enchevetrées et de differentes classes.

Si 2 css se contredisent, ne peut on pas dire qu'entre 2 balises on en utilise qu'un tout en ignorant l'autre ?

[Invité]

Bonjour,

Mélanger 2 versions est une mauvaise idée/pratique.
A toi de remplacer les classes du composant pour qu'elles correspondent à bootstrap 4.3.1.

[Gob59]

ok tant pis, j'ai redeveloppé un composant "on my own".
C'aurait été bcp trop long car bootstrap ne se contentte pas de styliser des class mais toutes les balises...

PS:: ce n'etait pas mon choix ni même mon intention que de mélanger 2 versions de bootstrap, nous utilisons la 4.3.1 et sur codePen j'avais trouvé un composant que j'aurais aimé intégrer au projet.