链接右侧的Bootstrap下拉内容

Question

我正在制作一个bootstrap mega菜单，其中导航最初意味着向左浮动。我已经使用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;
}