下拉菜单中的字段组答案

【问题标题】：Group of fields inside dropdown-menu下拉菜单中的字段组
【发布时间】：2013-06-18 07:28:34
【问题描述】：

我正在使用 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 应该看起来像链接 1）。我怎样才能完成它？

【问题讨论】：

请包含您的 CSS
没关系，我知道了，分享 css
我用的是bootstrap，没有修改css文件。

标签： html css twitter-bootstrap drop-down-menu

【解决方案1】：

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

现在，链接内容和无内容的菜单看起来相同。

尝试删除<li> 到<li> 之间的div，你和他一起非法使用。希望我有所帮助..

【讨论】：