css - リンクの右側にあるブートストラップ ドロップダウン コンテンツ

Question

ナビゲーションがもともと左に浮いていることを意図していたブートストラップメガメニューを作成しています。Bootstrap が提供するクラスを使用して右にフロートするように変更しましたpull-rightが、ナビゲーションがまだ左にフロートしているかのように、すべてのドロップダウンがまだ表示されています。フローティングの変更を反映するようにドロップダウンのコンテンツを調整するにはどうすればよいですか?

添付は私の問題の画像です：

マーチャンダイジングを指しているドロップダウン キャレットの矢印が少しずれていることがわかりますが、これは調整できます。ただし、ドロップダウンのコンテンツはナビゲーション項目の左側ではなく右側にある必要があります。次の 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;
}