有没有一种方法可以设置bootstrap下拉菜单何时应该变成一个下拉菜单？

<div class="dropdown d-md-none">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <!-- 下拉菜单项 -->
  </div>
</div>

<style>
  @media (max-width: 768px) {
    .dropdown {
      display: none;
    }
  }
</style>

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <!-- 下拉菜单项 -->
  </div>
</div>