我正在制作一个引导式大型菜单,其中导航原本是要向左浮动的。我已使用 Bootstrap 提供的类将其更改为向右浮动pull-right
,但现在我的所有下拉菜单仍然显示,好像导航仍然向左浮动。如何调整下拉内容以反映浮动变化?
附件是我的问题的图像:
正如你所看到的,指向 Merchandising 的下拉插入箭头有点偏离,我可以调整。但是下拉菜单的内容应该在导航项的右侧,而不是左侧。所有引导样式都是默认样式,但以下 CSS 除外:
.dropdown-menu {
position: absolute;
top: 100%;
left: -1px;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 10px 10px;
margin: 0px 0 0;
list-style: none;
background-color: #fff;
border-top: transparent;
border-left: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid rgba(0, 0, 0, .1);
border-bottom: 1px solid rgba(0, 0, 0, .1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}