我想实现 twitter bootstrap 下拉菜单,这是我的代码:
<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>
下拉菜单效果很好,我的下拉菜单位于屏幕右边缘旁边,当我单击下拉菜单切换时,列表会移到屏幕之外。它在屏幕上看起来像:
我该如何修复它?
adding .pull-right
to ul.dropdown-menu
应该这样做
弃用通知:从 Bootstrap v3.1.0 开始,.pull-right
下拉菜单上是已弃用 http://getbootstrap.com/components/#dropdowns-alignment。要右对齐菜单,请使用.dropdown-menu-right
.
弃用通知 2:从 Bootstrap v5 开始,.dropdown-menu-right
已弃用。对于 Bootstrap v5,请使用.dropdown-menu-end https://getbootstrap.com/docs/5.0/components/dropdowns/#alignment-options.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)