Discussion :

[Aizen64]

Bonjour,

Je n'arrive pas à appliquer un design de ce type : sous menu via Bootstrap sur Bootply.

Si je reprends les choses dans l'ordre d'un point de vue strictement logique :
1. Définition d'une div container
2. création d'une balise <nav> qui contient le menu de navigation, l'ID n'a que peu d'importance
3. Création d'une liste non ordonnée ul en utilisation la classe :nav navbar-nav, en gros ça m'a l'air de virer les puces

Jusque là tout va bien, sauf que d'un point de vue gestion de place, avoir un sous menu juste en dessous parait bien pratique pour ne pas gaspiller de place.

Donc, en reprenant l'exemple fourni, création d'une 2ème div, navbar et ul pour créer un sous menu qui changera en fonction de l'élément parent sélectionné. http://hardware.fr a un menu qui ressemble à ce que j'essaie d'obtenir.

Si je fais comme je l'ai indiqué, ma 2ème navbar s'affiche tout le temps et est statique alors que ce n'est pas ce que je recherche.

Des solutions en utilisant Bootstrap et jQuery ?

[Invité]

Bonjour,

en ajoutant :

Code :

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

1
2
3
4
$('.navbar .dropdown a').on('mouseover',function (e) {
  $('#submenu .collapse').removeClass('in');
  $($(this).attr('data-target')).addClass('in')
});