下拉菜单中的字段组

Question

我正在使用Twitter Bootstrap，我想在下拉菜单中创建一组隐藏字段：

<li class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">
    Export
    <b class="caret bottom-up"></b>
  </a>  
  <ul class="dropdown-menu bottom-up pull-right">  
    <li><a id="downloadJsonButton">Link1</a></li>
    <div id="downloadFormFilesDiv">
      <li class="divider"></li>  
      <li><a id="downloadXformsButton">Link2</a></li>
      <li><a id="downloadXmlButton">Link3</a><br /></li>
    </div>
  </ul>
</li>

但是，div元素内部的链接看起来与它外部的链接不同。我想让它们看起来一样(链接:2和3应该看起来像link1)。我如何才能做到这一点？

Answer 1

ul li{
width: 300px;
height: 70px;
background: #000;
color: white;
}

现在，链接内容和无内容的菜单看起来是一样的。

尝试删除<li>到<li>之间的div，你对他有更多的用处。希望我能帮上忙..。