设置bootstrap下拉宽度小于240px

Question

我正在使用ngx-boostrap (AngularJS for Bootstrap)下拉列表。

我试图让max-width让我说下拉120px，但我从来没有小于240px。背后有什么理由

这张照片是设计

这张照片就是我正在建设的

html，js代码与ngx-bootstrap中的内容完全一样，没什么特别的。 对于CSS，我将max-width=120px放在下拉菜单中的所有内容中，并且我自己也不能将它缩小。

有什么补救措施？

Answer 1

你走在正确的轨道上！如果您检查.dropdown-menu，您会看到它具有以下值：

min-width: 160px

因为你的max-width比那不会发生的事情少; min-width更大，它会赢。最简单的解决方案是重置覆盖中的值：

.dropdown-menu {
  min-width: 0px;
  max-width: 120px;
}

请记住，.dropdown-menu内超出此宽度的所有内容都会从容器框中流出。