Bootstrap 下拉菜单在 Liferay 6.2 中不起作用

Question

我正在尝试在 Liferay 6.2 中创建一个新的导航栏，但下拉菜单不起作用。我怀疑 AUI 对此有罪，但不确定你是否得到了我的代码：

        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
                ....
                    <div class="btn-group">
                        <button type="button" class="btn btn-danger" data-toggle="dropdown" data-target="#demo">
                            simple collapsible
                        </button>

                        <ul class="dropdown-menu child-menu" id="demo">
                            <li class="divider-vertical"></li>
                            <li><a href="#"> Enlace 1</a></li>
                            <li><a href="#"> Enlace 2</a></li>
                            <li><a href="#"> Enlace 3</a></li>
                            <li class="divider-vertical"></li>
                            <li><button class="btn navbar-btn btn-success"> Boton</button></li>
                        </ul>

                    </div>

是例子，我还没有开始真正的解决方案。提前致谢！

Answer 1

知道了！，这样解决了：

                    <div class="dropdown">   
                        <div class="btn-group">
                            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" data-target="#">
                                simple collapsible
                            </button>

                            <ul class="dropdown-menu" id="demo">
                                <li class="divider-vertical"></li>
                                <li><a href="#"> link 1</a></li>
                                <li><a href="#"> link 2</a></li>
                                <li><a href="#"> link 3</a></li>
                                <li class="divider-vertical"></li>
                                <li><button class="btn navbar-btn btn-success"> button </button></li>
                            </ul>

                            </div>
                    </div>

需要 <div class="dropdown"> 和 <button... data-target="#">。我想这是因为 bootstrap 以不同的方式处理下拉和折叠。

Bootstrap 下拉菜单在 Liferay 6.2 中不起作用

Bootstrap dropdown-menu not working in Liferay 6.2

jquery

html

css

twitter-bootstrap

liferay-6