Javascript 如何打开右侧的下拉菜单?
有没有一种方法可以让twitter bootsrapper中的下拉列表不总是在右侧打开?有时右边没有空格,特别是在像iPhone这样的移动设备上,我希望它在左边打开 请看一下我的示例:Javascript 如何打开右侧的下拉菜单?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,有没有一种方法可以让twitter bootsrapper中的下拉列表不总是在右侧打开?有时右边没有空格,特别是在像iPhone这样的移动设备上,我希望它在左边打开 请看一下我的示例: <div class="container"> <ul class="nav nav-pills"> <li class="active"><a href="#">Regular link</a></li>
<div class="container">
<ul class="nav nav-pills">
<li class="active"><a href="#">Regular link</a></li>
<li class="dropdown open">
<a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
<ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#">Dropdown 2 <b class="caret"></b></a>
<ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#">Open on left <b class="caret"></b></a>
<ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop5">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</li>
</ul>
</diV>
-
-
-
我想最后一个按钮“打开在左边”打开它的菜单在左边,而不是右边
感谢使用css设置下拉菜单项的左边距值为负值