我在将水平下拉菜单与 row
容器的右侧对齐时遇到问题。这是因为我的 css 中有 position:fixed
但这是设置此类菜单样式的唯一方法。
这是我的CSS:
.top-main .dropdown-menu {
width: 100%;
position: fixed;
top: 87px;
z-index: 1000;
text-align: right;
padding: 5px 0;
margin: 0 auto;
}
你可以在这里看到整个菜单:http://www.bootply.com/mNP0ficFef
如您所见,菜单与监视器的右侧对齐,但它应该与行
的右侧对齐。有什么建议吗?
最佳答案
如果我正确理解您的要求,您所要做的就是在下拉列表中设置一个容器:
<ul class="dropdown-menu">
<ul class="list-inline container">
<li><a href="#" id="">Link 1.1</a></li>
<li><a href="#" id="">Link 1.2</a></li>
<li><a href="#" id="">Link 1.3</a></li>
<li><a href="#" id="">Link 1.5</a></li>
</ul>
</ul>
关于html - Bootstrap 水平下拉菜单右对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24547476/