Abbiamo già visto il markup HTML e le classi per creare menu dropdown. L'apertura e la chiusura di questi menu sono gestiti con il plugin Javascript Dropdowns.
Il pulsante o link per l'attivazione del menu, a prescindere che esso sia inserito su una barra di navigazione o associato ad un semplice pulsante, va inserito immediatamente dopo la dichiarazione del div con classe .dropdown che fa da contenitore al componente.
<div class="dropdown"> <!-- Link o pulsante per l'attivazione del dropdown --> <a data-toggle="dropdown" href="#" class="btn btn-primary">Attiva il dropdown</a> <!-- Menu dropdown --> <ul class="dropdown-menu"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> </ul> </div>
Il link o il pulsante devono semplicemente presentare un attributo data-toggle="dropdown" per gestire in toto l'apertura del menu.