Bootstrap Navbar固定顶部OverFlow水平设置固定高度使内容可滚动以避免切换按钮

Question

如何避免使用Bootstrap的Toggle按钮导航并添加OverFlow水平设置固定高度水平滚动带隐藏栏for movil ...

方案代码：

                <div class="row border-bottom">
                    <nav class="navbar navbar-fixed-top white-bg" role="navigation">
                        <div class="navbar-header">
                            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                            <a class="logo-lrg" href="#"> <img alt="image" class="img-circle1" src="sources/img/logos/LOGO.png" /></a>
                        </div>
    <!--START MENU NEED HORIZONTAL SCROLL-->
                        <ul class="nav navbar-top-links navbar-right">
                            <li> <a id="" href="#"> <i class="fa fa-desktop"></i>Mesa de Control</a> </li>
                            <li id="" class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" ><span class="tx1">Administración</span> <span class="caret"></span></a>
                                <ul class="dropdown-menu pull-right">
                                    <li><a id="" href="#">Aprobaciones</a></li>
                                    <li><a id="" href="#">Manejo de Productos</a></li>
                                    <li><a id="" href="#">Control Días Venta Hábiles</a></li>
                                </ul>           
                            </li>
                            <li class="logout-click"> <a id="pro-save-p-gen-logout" href="#" > <i class="fa fa-sign-out"></i> <span class="tx1">Cerrar</span> </a> </li>
                        </ul>
<!--END MENU NEED HORIZONTAL SCROLL-->
                    </nav>
                </div>

到目前为止它看起来像这样：

更新

这是我想要的一个示例，但不适用于选项卡上的下拉列表。

http://www.codeply.com/go/DclUsokAoV

Answer 1

您可以尝试dropdown-menu-right而不是pull-right以及dropdown-menu