单击下拉菜单时，如何使插入符号停止移动？

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 看看。注意下拉箭头如何根据项目的状态移动。