Html 引导下拉列表未对齐

我在调整下拉菜单时遇到问题。它没有正确对齐，并且根据分辨率流动。我不知道这是什么原因

.nav.下拉列表{
最高保证金：-0.5雷姆；
}
.btn{
填充：2x10px；
背景色：透明；
边界：无；
}
img{
高度：2.5雷姆；
过滤器：灰度（100%）；
}
img：第一个孩子{
右侧填充：1px；
}
.下拉菜单{
最小宽度：1毫米
}

添加相对于主div的位置，并将绝对位置添加到各个下拉元素

.nav
 .dropdown{
    margin-top: -0.5rem;
    position: relative;   // for keeping it alligned on same line
 }
.btn{
  padding: 2px 10px
  background-color: transparent
  border: none
}
img{
  height: 2.5rem
  filter: grayscale(100%)  
}
img:first-child{
  padding-right: 1px  
}
.dropdown-menu{
  min-width: 1rem 
  position: absoulute // for keeping it aligned on same line
}

---

谢谢有点奏效了。我注意到有一个.open类，我需要调整它的宽度