javascript - Twitter Bootstrap - 如何呈现打开的导航栏下拉菜单？

Question

我在导航栏上有下拉列表。我正在使用 Jade 模板引擎，这就是为什么我的代码是：

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 »

我想打开这个下拉列表以显示登录错误。我怎样才能做到这一点？谢谢！

Answer 1

我不熟悉 Jade 模板引擎 - 但是，如果您添加class="open"到包含元素（摘录中未提供），下拉菜单将呈现打开状态。

我想它看起来像：

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 »