点击下拉菜单后如何让我的插入符停止移动？

Question

每次点击我的下拉菜单时，它都会移动，其余的菜单项也会移动。

折叠和退出（下拉菜单）：

我的代码：

@if(Auth::user())    
    <ul class="nav navbar-nav pull-left">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle subsytem" data-toggle="dropdown"><b>Room administration</b> <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li class="subsytem {{is_current_page('/administration') ? 'active' : ''}}"><a href="/administration">Room categories</a></li>
                <li class="subsytem {{is_current_page('/rooms') ? 'active' : ''}}"><a href="/rooms">Rooms</a></li>
            </ul>
        </li>
        <li class="subsytem {{is_current_page('/pricing') ? 'active' : ''}}"><a href="/pricing"><b>Pricing</b></a></li>
        <li class="subsytem"><a href="#"><b>Web reservation</b></a></li>
        <li class="subsytem"><a href="#"><b>Front desk</b></a></li>
    </ul>
@endif

Answer 1

可能你在正常和活跃状态下有不同的风格。例如。边距，填充，宽度等。 http://joxi.ru/a2XZlVbF1Q5B8r看看吧。注意下拉箭头如何根据项目状态移动。