0

我正在制作一个引导式大型菜单,其中导航原本是要向左浮动的。我已使用 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;
}
4

0 回答 0