Html 引导3下拉全宽

使用Bootstrap3，我正在工作的站点有几个导航栏，一个顶部有home、signup，…，另一个带有搜索栏选项，然后还有一个主要类别（导航栏3），它们是下拉列表。问题在于navbar3。我需要下拉框占据视图宽度的全部宽度，不超过980px。现在，当单击下拉列表时，弹出按钮从其父div的开头开始，并带有其受人尊敬的col-xs-2。我需要弹出按钮从行的开头开始（就像鞋类当前所做的那样），并将全宽扩展到980px。所以，如果你点击衣服，我希望这个下拉列表从鞋类下拉列表开始的同一点开始。我排除了一些对提出解决方案没有影响的css。而且品牌没有弹出按钮

#背景类别{
保证金：0自动；
高度：37像素；
}
.maxwidth{
最大宽度：980px；
}
.Categorhydropadjust{
宽度：20%；
}
.分类领导{
左侧填充：0；
保证金：0自动；
字号：700；
字体大小：20px；
高度：37像素；
}
.vcenter{
显示器：flex；
对齐项目：居中；
}
centercat先生{
保证金：0自动；
}
.dropdowncat:悬停{
光标：指针；
}

鞋类

试验
试验
试验

服装

试验
试验
试验

齿轮

试验
试验
试验

交易
品牌

试验
试验
试验

从下拉列表中删除

位置：相对

，并使其与全宽条相对。相对位置使任何绝对子对象都将其用作定位参考点

如果在CSS的底部添加以下内容，您将获得所需的效果

.categorhydropadjust.下拉列表{
位置：静态；
}
.容器液体{
位置：相对位置；
}
.下拉菜单{
宽度：100%；
}

---

谢谢！这正是我需要的。我想这与定位有关，但我想不出正确的格式。再次感谢你