Twitter bootstrap 引导4-下拉淡入过渡

我试图在单击时使Bootstrap 4下拉列表淡入，但是我无法通过使用转换实现此结果：

.dropdown-menu {
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

---

谢谢

这是Bootstrap 4中下拉菜单的工作淡入淡出过渡：

.dropdown-menu.fade {
   display: block;
   opacity: 0;
   pointer-events: none;
}

.show > .dropdown-menu.fade {
   pointer-events: auto;
   opacity: 1;
}

学分：

---

当我在hover上寻找类似的东西时，在互联网上找到了这个。你可以试试这个。它还将适用于所有移动设备

`@include media-breakpoint-up(xl) {
  .dropdown-on-hover {
    &.dropdown {
      .dropdown-menu{
        display: block; 
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;}
      @include hover-focus {
        .dropdown-menu {
          visibility: visible;
          opacity: 1;
        }
      }
    }
  }
}`

---

在你的问题中贴上a。我打赌你很快就会发现你是否错了。：-）可能重复的@BryanDellinger不适用于引导4:）

`@include media-breakpoint-up(xl) {
  .dropdown-on-hover {
    &.dropdown {
      .dropdown-menu{
        display: block; 
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;}
      @include hover-focus {
        .dropdown-menu {
          visibility: visible;
          opacity: 1;
        }
      }
    }
  }
}`