Html 在引导CSS的下拉菜单上放置一个箭头

我想在bootstrap 3中的下拉菜单类中添加如下内容：

我想做点什么，但是为了这件事我倒过来了

我不知道如何在CSS上实现这一点，但我在CSS类上的所有内容是：

.dropdown-menu {
    margin-left: 10px;
  }

  .dropdown-menu > li {
    padding-left: 10px
  }

---

我希望这个例子能对你有所帮助

*，
*：之前，
*：之后{
框大小：边框框；
}
.举例{
位置：相对位置；
背景：rgb（200,30,50）；
宽度：300px；
填充：10px；
}
.三角形{
显示：内联块；
垂直对齐：中间；位置：绝对；
右：0；
排名：0；
}
.向下箭头{
宽度：60px；
高度：30px；
边框顶部：实心30px rgb（255、255、255）；
左边框：实心30px透明；
右边框：实心30px透明；
}

洛雷姆。。

您需要共享代码的工作示例（包括HTML）。这个箭头可以用伪元素来完成，比如

：在
确定之前，我将提供列过滤器的一部分，这足够了吗？这足够了是的