J'essaie d'aligner trois grilles Bootstrap 5 :
Le titre du panneau en accordéon comporte des marges/remplissages gauche et droit, et l'icône en accordéon prend également de la place.
Je souhaite que les grilles de titre et de détails utilisent les mêmes "marges" que la grille de présentation.
J'ai essayé d'ajouter une colonne avec un remplissage, comme "ps-4 pe-4", mais je n'obtiens au mieux qu'un alignement approximatif.
.colored-bg1 { fond : gris clair } .coloré-bg2 { fond : jaune clair } Accordéon Bootsrap 5 ≪/tête> En-tête de la colonne 1 En-tête de la colonne 2 En-tête de la colonne 3 Détails de la colonne 1 Détails de la colonne 2 Détails de la colonne 3 Détails de la colonne 1 Détails de la colonne 2 Détails de la colonne 3
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Les sections de présentation et de détails utilisent déjà le même remplissage. Ajoutez un div enveloppant autour du titre au-dessus de l'accordéon et donnez-lui le même remplissage que les sections de présentation et de détails, c'est-à-dire remplissage : 1rem 1.25rem;