子弹在Bootstrap下拉菜单增强插件中不起作用

Question

我使用Bootstrap Dropdown Menus Enhancement来设置下拉菜单中心，并在我的按钮和实际菜单之间设置项目符号。中心部分工作正常，但如果我有另一个类，则子弹不存在，如下所示：

.scrollable-menu 
{
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

以前使用子弹（类的一部分）的类如下：

.dropdown-menu.bullet {
   margin-top: 8px;
}
.dropdown-menu.bullet:before {
   width: 0;
   height: 0;
   content: '';
   display: inline-block;
   position: absolute;
   border-color: transparent;
   border-style: solid;
   -webkit-transform: rotate(360deg);
   border-width: 0 7px 7px;
   border-bottom-color: #cccccc;
   border-bottom-color: rgba(0, 0, 0, 0.15);
   top: -7px;
   left: 9px;
}
.dropdown-menu.bullet:after {
   width: 0;
   height: 0;
   content: '';
   display: inline-block;
   position: absolute;
   border-color: transparent;
   border-style: solid;
   -webkit-transform: rotate(360deg);
   border-width: 0 6px 6px;
   border-bottom-color: #ffffff;
   top: -6px;
   left: 10px;
}

以下是有问题的HTML：

<div class="btn-group" id="station_btn">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
        Station <span class="caret"></span>
    </button>
    <ul class="dropdown-menu scrollable-menu bullet pull-center" id="station_list" role="menu">
        <li role="presentation" class="dropdown-header text-left"><b>Corridor: </b></li>
        <!-- Append list dynamically -->
    </ul>
</div>

以下是.scrollable-menu：

的外观

并且没有.scrollable-menu：

如何使用相同的可滚动菜单显示，还有子弹？