Bootstrap下拉菜单在Liferay 6.2中无效

时间:2015-05-26 09:04:12

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

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

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

1 个答案:

答案 0 :(得分:0)

知道了!,这样解决了:

                    <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以下拉和折叠的不同方式工作。