Twitter Bootstrap导航栏 – 右alignment下拉菜单
我正在使用Twitter Bootstrap（v2.1.1）和一个PHP站点。 我在php脚本中dynamic生成导航栏，因为如果用户login或离开站点，导航栏将具有不同的内容。
我想将最后一个下拉菜单alignment到屏幕的右侧，但还没有到目前为止。 这是一个jsFiddle显示简化版本：
http://jsfiddle.net/fmdataweb/AUgEA/
我想菜单2下拉到右alignment。 上次下拉的代码与其他下拉菜单的代码相同：
<li class="dropdown pull-right"> <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown">Menu 2<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="propertiesSearch.php">Logout</a></li> </ul> </li> 我试过把它变成：
<li class="dropdown pull-right">
但是这没有什么区别。 任何人都知道如何使用窗体和<p>文本来向下拉菜单？
您需要将.pull-right类更改为ul元素而不是li 。
HTML
<ul class="nav pull-right"> <li class="dropdown"> <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown"> Menu 2 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="propertiesSearch.php">Logout</a></li> </ul> </li> </ul>
版本2.1.1
我重写了代码，其中只包括必要的JavaScript插件（bootstrap-dropdown.js），最新版本的Twitter Bootstrap（2.1.1）以及对响应式devise的支持。
http://jsfiddle.net/caio/gvw7j/
如果您在上面的链接中看到了响应式菜单，则可以在此链接中看到“广泛的结果”：
http://jsfiddle.net/caio/gvw7j/embedded/result/
.pull-right的定义如下：
.pull-right { float: right !important; }
版本3.1.1
这个class没有变化。 您可能会看到助手类部分。
但是，文档build议使用.navbar-right类，因为它具有一些特定的优化，与pull-right类不同。
对于那些使用Bootstrap 3 ， .navbar-right会做的伎俩。
例如，
<ul class="nav navbar-nav navbar-right"> . . </ul>
而不是把li元素拉到左边，只是简单地包含那个你希望在自己的ul列表中正确alignment的元素，然后像下面这样取而代之：
HTML
<ul class="nav pull-right"> <li class="dropdown"> <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown">Menu 2<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="propertiesSearch.php">Logout</a></li> </ul> </li> </ul>
演示： http : //jsfiddle.net/AUgEA/1/
如果你来这里尝试右alignment一个常规的引导.dropdown-menu而不是一个.nav ，并使用引导3 ，正确的类添加是。 .dropdown-menu-right
这是bootstrap文档 ：
<ul class="dropdown-menu dropdown-menu-right"> ... </ul>
