相关疑难解决方法(0)

带有Bootstrap的可滚动菜单 - 菜单在不应该扩展其容器时

我尝试了这种方法(他们的小提琴)来启用带有Bootstrap的可滚动菜单,但是通过这种方法,可滚动菜单扩展了它的容器 - 小提琴 - 不可滚动的菜单,正确地说,不会这样做.

我怎样才能解决这个问题?关于与Bootstrap兼容的其他方法的建议也很受欢迎!


作为参考,这里是来自第一种方法的小提琴的HTML:

<ul class="nav">
    <li class="dropdown">
        <a class="icon-key icon-white" data-toggle="dropdown" href="#" style=
        "font-weight: bold"></a>

        <div class="dropdown-menu" style="margin-left: 2em">
            <ul class="dropdown-menu">
                <!-- static non-scrollable menu header 1 -->
            </ul>
        </div>

        <div class="dropdown-menu" style="margin-left: 2em">
            <ul class="dropdown-menu">
                <li class="disabled">
                    <a href="#"><i class="icon-group"></i> <b>My Groups</b></a>
                </li>

                <li>
                    <div class="dropdown-menu scroll-menu scroll-menu-2x"
                    style="margin-left: 2em">
                        <ul class="dropdown-menu scroll-menu scroll-menu-2x">
                            <li>
                                <a href="#">User</a>
                            </li>

                            <li>
                                <a href="#">Administrators</a>
                            </li>

                            <li>
                                <a href="#">Some Other Group</a>
                            </li>
                        </ul>
                    </div>

                    <ul …
Run Code Online (Sandbox Code Playgroud)

css scrollable twitter-bootstrap

133
推荐指数
3
解决办法
19万
查看次数

标签 统计

css ×1

scrollable ×1

twitter-bootstrap ×1