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，你将不得不做自己的下降。

Twitter-bootstrap navbar div元素

1 个答案: