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

【问题标题】：Bootstrap dropdown-menu not working in Liferay 6.2Bootstrap 下拉菜单在 Liferay 6.2 中不起作用
【发布时间】：2015-08-07 20:47:46
【问题描述】：

我正在尝试在 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>

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

【问题讨论】：

标签： jquery html css twitter-bootstrap liferay-6

【解决方案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="#">。我想这是因为引导程序以不同的方式与下拉和折叠工作。

【讨论】：