更改Bootstrap中子菜单下拉列表的大小

Question

我正在使用Bootstrap，Razor，JavaScript，DurandalJS。现在我的项目看起来像这样：

我需要更改所有屏幕尺寸的子菜单下拉列表的大小。但我不知道如何重新调整尺寸。 我需要这样的东西：

我必须只更改子菜单的背景。文本应保持现在的位置。我怎么做这个菜单？

Answer 1

这是你的css改变

DEMO

.dropdown-menu {
  width: 100%;
  top: 30px;
  bottom: 0px
}
.dropdown.btn-group.open {
  position: inherit
}

Answer 2

左边5％的

是demo

.dropdown-menu{
   width:90%;
   margin-left:5%;
   top: 30px;
   bottom:0px
}
.dropdown.btn-group.open{
   position:inherit
}