右对齐导航丸下拉菜单

Question

我正在尝试将下拉菜单与右侧对齐。请看附件图片和参考HTML代码。仅通过 CSS 应用了向右浮动，以将下拉菜单向下移动到屏幕右侧。

<li class="dropdown" id="it"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">IT Tools
                    <span class="caret"></span></a>
                    <ul class="dropdown-menu" id="drop">
                        <li><a href="/printers/index.html">Printer Info</a></li>
                        <li><a href="http://rciessweb1.ricoh.ca/EService">Ricoh Support</a></li>
                        <li><a href="http://printserver2k8:9191/admin">Paper Cut</a></li>
                        <li><a href="http://nagios/nagiosxi/">Nagios</a></li>
                    </ul>
                </li>

Answer 1

我只是在这一点添加了 dropdown-menu-right:

<ul class="dropdown-menu dropdown-menu-right">

对我有用！

右对齐导航丸下拉菜单

Right align nav-pills drop down menu

alignment

nav-pills

dropdown