0

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

我尝试了一些方法，始终遵循引导网站示例，但没有成功。

<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/ 谢谢

4

1 回答 1

0

Bootstrap 不允许其他元素是这个下拉列表。如果你想有一个 div，你将不得不制作自己的下拉菜单。

于 2013-07-18T00:43:50.060 回答