本文介绍了Twitter引导下拉菜单超出屏幕范围的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我要实现twitter bootstrap下拉菜单，这是我的代码：
I want to implement twitter bootstrap dropdown menu, here's my code:
<span class="dropdown">
<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li class="divider"></li>
<li><a href="#">d</a></li>
</ul>
Dropdown效果很好，我的下拉菜单放置在屏幕右边缘的旁边，当我单击下拉菜单时，列表将超出屏幕。它看起来像在屏幕上：
Dropdown works good, my dropdown is placed next to right edge of the screen and when I click my dropdown-toggle, the list goes outside the screen. It looks like on the screen:
我该如何解决？
推荐答案
添加。向右拖动到 ul.dropdown菜单应该这样做
这篇关于Twitter引导下拉菜单超出屏幕范围的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！