Question

我无法弄清楚如何在Jade的Bootstrap导航栏中渲染简单的下拉菜单。试图呈现此HTML：

<li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
      </ul>
</li>

翡翠像这样：

li.dropdown
a.dropdown-toggle(data-toggle="dropdown", role="button", aria-haspopup="true", aria-expanded="false"): span.caret Tools
    li
        a(href="#") action
    li 
        a(href="#") another action

根据http://jade-lang.com/reference/tags/，您应该能够嵌套标签：

 a: span

但是当我尝试向这些标签添加类时，它看起来很奇怪http://codepen.io/thehumanscience/pen/qbLepW：

任何人都知道如何以正确的方式做到这一点？

Answer 1

您不能同时使用：速记和嵌套。您需要：

li.dropdown
  a.dropdown-toggle(data-toggle="dropdown")
    | Dropdown
    span.caret
  ul.dropdown-menu
    li
      a(href="#") action
    li 
      a(href="#") another action

玉器中的Twitter引导下拉不能正确渲染

1 个答案: