css - float Bootstrap 下拉列表内容上方和侧边栏主菜单的右侧

Question

我不知道如何移动下拉列表，使其位于主菜单的右侧。请查看我想要实现的屏幕截图。 http://i.imgur.com/nlAJgaC.png

这是代码

<div id="sidebar-left" class="col-xs-2 col-sm-2 hidden-lg">
    <ul class="nav main-menu">
        <li>
            <a href="#" class="align-center">
                <i class="fa fa-dashboard"></i>
                <span class="adClass hidden-xs">Menu 1</span>
            </a>
        </li>
        <li class="dropdown">
            <a class="align-center dropdown-toggle">
                <i class="fa fa-print"></i>
                <span class="adClass hidden-xs">Odometer</span>
            </a>
            <ul class="dropdown-menu">
                <li><a ng-click="stopIt($event, 'submenu1')">submenu1</a></li>
                <li><a ng-click="stopIt($event, 'submenu2')">submenu2</a></li>
                <li><a ng-click="stopIt($event, 'submenu3')">submenu3</a></li>
                <li><a ng-click="stopIt($event, 'submenu4')">submenu4</a></li>
            </ul>
        </li>
        <li>
            <a href="#" class="align-center">
                <i class="fa fa-mobile"></i>
                <span class="adClass hidden-xs">Menu 2</span>
            </a>
        </li>
        <li>
            <a href="#" class="align-center">
                <i class="fa fa-flask"></i>
                <span class="adClass hidden-xs">Menu 3</span>
            </a>
        </li>
        <li>
            <a href="#" class="align-center">
                <i class="fa fa-bar-chart-o"></i>
                <span class="adClass hidden-xs">Menu 4</span>
            </a>
        </li>
        <li>
            <a href="#" class="align-center">
                <i class="fa fa-cogs"></i>
                <span class="adClass hidden-xs">Menu 5</span>
            </a>
        </li>
        <li>
            <a href="#" class="align-center">
                <i class="fa fa-clipboard"></i>
                <span class="adClass hidden-xs">Menu 6</span>
            </a>
        </li>
    </ul>
</div>

Answer 1

Bootstrap 下拉菜单使用 position: absolute; 因此您只需将其向左移动即可:

.dropdown-menu { 左:106px； 基本上你需要多少就剩下多少