Twitter Bootstrap - 如何渲染navbar-dropdown?

时间:2012-09-25 17:32:16

标签: javascript twitter-bootstrap pug

我在导航栏上有下拉列表。我正在使用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 »

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

1 个答案:

答案 0 :(得分:2)

我不熟悉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 »