0

navbar ドロップダウンで div 要素を使用するにはどうすればよいですか? div を使用するたびに、ドロップダウンが機能しません。

私はいくつかの方法を試しましたが、常にブートストラップ Web サイトの例に従っていましたが、成功しませんでした。

<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

ブートストラップは、このドロップダウンである他の要素を許可していません。div が必要な場合は、独自のドロップダウンを作成する必要があります。

于 2013-07-18T00:43:50.060 に答える