构建Megamenu时{Controle Bootstrap 4下拉变换类

Question

我正在使用Bootstrap 4 dropdown组件构建Megamenu。

然而，通过Javascript，它添加了CSS transform样式项。例如。 transform: translate3d(9px, 5px, 0px);

这令我的布局感到不安。我的Megamenu标记：

<div class="dropdown-menu megamenu">
  <div class="row">
    <div class="col-sm-4">
      {{ menus.menu_links(item.below, attributes.addClass('mega-menu-item'), menu_level + 1) }}
    </div>
    <div class="col-sm-4">
      {{ view_megamenu(item.url, 'first_column') }} 
    </div>
    <div class="col-sm-4">
     {{ view_megamenu(item.url, 'second_column') }}
    </div>
   </div>
  </div>

我的网站流畅布局。我希望Megamenu始终以全宽为中心，左右边距稍微。

与 Bootstrap 4 和下拉组件结合使用时，最好和最有效的方法是什么？