我有以下导航栏结构({{ current_user.username }}
来 self 的模板系统):
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<!-- navbar items -->
</ul>
<div class="dropdown show">
<a class="dropdown-toggle" style="color: inherit" href="#" id="dropdownLink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-user" aria-hidden="true"></i>
{{ current_user.username }}
</a>
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownLink">
<li><a class="dropdown-item" href="#">Profile</a></li>
<!-- etc -->
</ul>
</div>
下拉部分与屏幕右侧对齐,但点击它会显示下拉菜单离开屏幕右侧,dropdown-menu-right
类应该防止这种情况.有什么想法吗?
最佳答案
如果添加样式
right: 0
到
.dropdown-menu
风格规则...它会做你想做的。
关于html - 带有 dropdown-menu-right 类的下拉菜单没有右对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46458645/