Migrer d'un thème bootstrap 4 à BT5
Alain T
Alain T

Migrer d'un thème bootstrap 4 à BT5

Alain T 608
12/05/2021 09:46
#1
Alain T 608
12/05/2021 09:46
Bonjour,
pour migrer d'un thème utilisant bootstrap 4 à Bootstrap 5,
voici ce qu'il convient de faire :
Notez que monxoops s'occupe pour vous de convertir le thème xswatch4 en xswatch5,
Elle n'est pas belle la vie ?

1 - Convertir les spacing (margin/padding)
l (left) en s (start)
r (right) en e (end)
Exemples :
mr-auto devient me-auto
ml-2 devient ms-2

2 - Convertir les text-*
text-left en text-start
text-right en text-end

3 - Menu Dropdown
navbar : data-toggle="dropdown" en data-bs-toggle="dropdown"

4 - Forms
Suppression de .input-group-append et .input-group-prepend.
On peut juste ajouter des boutons et input-group-text comme des enfants direct du group input.

5 - Carousel
data-ride en data-bs-ride
Conversion de liste en bouton
data-slide-to en data-bs-slide-to
Utilisation d'une nouvelle classe pour le control des boutons "avant" / "après"

6 - Jumbotron
Suppression de cette classe
Il faut utiliser les classes qui sont disponibles pour avoir le même rendu.
Voir des exemples sans cette classe ici

7 - Badge
Suppression de la classe badge-* color et utilisation des éléments de couleurs de fonds
exemple :
Utilisation de bg-primary au lieu de badge-primary
Convertir badge-pill en rounded-pill

8 - Toast
Nouvelles positions à disposition