Twitter-bootstrap navbar div元素

Question

如何在导航栏下拉菜单中使用div元素？每次我使用div时，下拉菜单都不起作用。

我已经尝试了几种方法，总是遵循bootstrap网站的例子，但都没有成功。

<div class="navbar">
<div class="navbar-inner">
    <div class="container"> 
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <i class="icon-bar"></i>
            <i class="icon-bar"></i>
            <i class="icon-bar"></i>
         </a>
             <a class="brand" href="#">Test</a>

        <div class="nav-collapse">
            <ul class="nav">
                <li class="dropdown"> 
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown<i class="caret"></i></a>

                    <div class="test"><!-- Works without this div -->

                        <ul class="dropdown-menu">
                            <li> <a href="#">Link</a>

                            </li>
                            <li> <a href="#">Link</a>

                            </li>
                            <li class="divider"></li>
                            <li> <a href="#">Link</a>

                            </li>
                        </ul>

                    </div><!-- End the div -->

                </li>
            </ul>
        </div>
    </div>
</div>

​

这是一个jsFiddle：

http://jsfiddle.net/GGMWX/357/谢谢

Answer 1

Bootstrap不允许其他元素是这个下拉列表。如果你想要一个div的话，你必须自己做下拉菜单。