Html 需要一个引导下拉列表上的超薄滚动条

我想自定义引导下拉列表。 我的下拉列表有很多记录。我想在引导下拉列表的ul部分添加细长卷轴

请参阅以下连结-

_http://jsfiddle.net/saurabh29/pgrdm7jt/2/

请帮忙

---

提前感谢。

这里是选项中的引导下拉自定义滚动条。 请看这个以供参考

谢谢

   <div class="btn-group">
   <div >
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Scrollable Menu <span class="caret"></span></button>
            <ul class="dropdown-menu scrollable-menu scrollbar" role="menu" id="ex4" >
                <li><a href="#">Drop1</a></li>
                <li><a href="#">Drop2</a></li>
                <li><a href="#">Drop3</a></li>
                <li><a href="#">Drop4</a></li>
                <li><a href="#">Drop5</a></li>
                <li><a href="#">Drop6</a></li>
                <li><a href="#">Drop7</a></li>
                <li><a href="#">Drop8</a></li>
                <li><a href="#">Drop9</a></li>
                <li><a href="#">Drop10</a></li>
                <li><a href="#">Drop11</a></li>
                <li><a href="#">Drop12</a></li>
                <li><a href="#">Drop13</a></li>
                <li><a href="#">Drop14</a></li>
            </ul>
            </div>
     </div>

---

像这样构造html，并将滚动应用于内部页面

<ul class="dropdown-menu list-group">
    <li>
        <ul class="list-group" id="scroller">
            <li class="loading empty">menu item</li>
        </ul>
    </li>
</ul>

菜单项

？这是问题的解决方案，还是代码的副本？

<ul class="dropdown-menu list-group">
    <li>
        <ul class="list-group" id="scroller">
            <li class="loading empty">menu item</li>
        </ul>
    </li>
</ul>