在下拉菜单里面的字段组

时间:2013-06-21 08:19:08

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

我正在使用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)。我怎么能完成它?

1 个答案:

答案 0 :(得分:0)

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

现在菜单看起来与链接内容和没有内容相同。

尝试删除<li><li>之间的div,你和他一起使用了iligal。 希望我能帮助..