Css Bootstrap col 3下拉菜单不显示全宽子菜单

我尝试用css创建一个大菜单。事实上，它在我的导航之外工作得很好。我用3列设计导航栏。在中间我放了下拉菜单，但子菜单扩展到了col-lg-6，但我想用3列扩展它

保险商实验室{ 列表样式：无； } 李{ 显示：内联块； } a{ 显示：块； 填充：20px； 字体系列：无衬线； 字号：2em； 文字装饰：无； 颜色：灰色； } a:悬停{ 背景：EFEF； } 李副{ 显示：无； 宽度：100%； 高度：自动； 位置：绝对位置； 左：0； 背景：E5； } 李：悬停，潜艇{ 显示：块； } 标志 标志 包含某些内容的子菜单

---

希望以下内容对您有所帮助：

li .sub {
   display: none;
   width: 100%;
   height: auto;
   position: fixed; /* changed to fixed from absolute */
   left: 0;
   right: 0; /* added to occupy the full width*/
   background:#e5e5e5;
}

您可以在此处看到演示：