2012-09-25 4 views
3

J'ai une liste déroulante sur la barre de navigation. J'utilise le moteur de modèle Jade, c'est pourquoi mon code est:Twitter Bootstrap - comment rendre navbar-dropdown ouvert?

a.dropdown-toggle(href='#', data-toggle='dropdown') Login 
ul.dropdown-menu 
    li 
    form.well(action="/login", method="post") 
     label Your e-mail: 
     input.span3(type='text', placeholder='e-mail', name="username") 
     label Your password: 
     input.span3(type='password', placeholder='*************', name="password") 
     button.btn.btn-primary(type='submit') Login now » 

Je voudrais rendre cette liste déroulante ouverte pour montrer l'erreur de connexion. Comment puis-je faire ceci? Merci!

Répondre

2

Je ne suis pas familier avec le moteur de modèle Jade - cependant, si vous ajoutez class="open" à l'élément conteneur (non fourni dans votre extrait), la liste déroulante s'affichera à l'état ouvert.

J'imagine que ce devrait ressembler à:

li.dropdown.open 
    a.dropdown-toggle(href='#', data-toggle='dropdown') Login 
    ul.dropdown-menu 
    li 
     form.well(action="/login", method="post") 
     label Your e-mail: 
     input.span3(type='text', placeholder='e-mail', name="username") 
     label Your password: 
     input.span3(type='password', placeholder='*************', name="password") 
     button.btn.btn-primary(type='submit') Login now » 
+0

brillant! travaillé comme un charme! – f1nn

Questions connexes