Bonjour,

Je souhaite intégrer un mega-dropdown dans la barre nav-menu, comme celui-ci : https://bootstrap-menu.com/demos/megamenu.html

J'arrive a le structurer avec plusieurs colonnes, mais je ne parviens pas à l'afficher sur toute la largeur comme vous pouvez le voir sur le screen joint.

Cela semble de passer par ici :


il faut certainement indiquer un "left:0; right:0; width:100%;" a ce niveau, mais je ne vois pas comment.

Ci-dessous la partie megamenu au complet :

Bonjour,
regarde la doc du VRAI site
https://getbootstrap.com/docs/4.5/components/navbar/
en 4.5 car ce thème utilise bt4.

https://getbootstrap.com/docs/4.5/examples/#navbars

Pour répondre à ta question,
ce n'est plus le framework Bootstrap 4 qui est utilisé mais un autre...
Celui que tu as choisi est payant : https://bootstrap-menu.com/menukit/all.html

C'est donc normal que ça ne fonctionne pas avec bt4 lol

En gros, c'est une base de Bootstrap mais avec la fonctionnalité supplémentaire indiquée.

Je ne suis pas parti de ce code mais de divers autres que j'ai bricolé en fait.
C'était juste pour l'exemple du rendu que j'espérais.

Merci, je vais donc aller voir au bon endroit

Pour info, j'avais déjà vu ce genre de menu,
ici d'ailleurs : https://mdbootstrap.com/docs/standard/extended/mega-menu/

et je pense qu'il y a une part en java pour atteindre cet objectif, donc le codage css ne sera pas suffisant à mon avis...

... ou pas

le code est ici peut-être :


ça serait donc uniquement class="dropdown-menu w-100 mt-0" ?
w-100 pour dire "toute la largeur"
A tester...
Tu nous tiens informé ?

Ha super, vais voir ça

A quoi correspond "mt-0" ?

en version bt, ça veut dire margin-top 0

on peut voir dans les exemples que je t'indique qu'ensuite il définit un container.
Exemple avec Mixed content :

Jai donc remplacé


par


Mais je me retrouve avec un bloc vide.
C'est bien là que devait se faire la modif?

[edit]
Merci Alain pour ton explication du mt

A toi de tester, mais comme indiqué précédemment, je ne suis pas sur que tu puisses faire cela juste avec du css,
ils ont sans doute ajouté quelques lignes en java dans leur Framework.

Sinon, en tâtonnant, tu trouveras certainement !
Bon courage.