Bootstrap 4 中的下拉菜单 dropdown 右侧默认会有个箭头图案，有的时候我们是不需要这个箭头的，那么怎么删除 Bootstrap 4 中的下拉菜单 dropdown 的箭头？

其实很简单，我们只要移除下拉菜单的 dropdown-toggle 类即可（去掉下面代码中红色部分）。

<div class="dropdown open">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
  </div>
</div>
(adsbygoogle = window.adsbygoogle || []).push({});