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

【问题标题】：Twitter Bootstrap - how to render navbar-dropdown opened?Twitter Bootstrap - 如何呈现打开的导航栏下拉菜单？
【发布时间】：2012-09-17 06:40:24
【问题描述】：

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

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

【问题讨论】：

标签： javascript twitter-bootstrap pug

【解决方案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 »

【讨论】：