Bootstrap水平下拉

看看这张图:

例如http://i42.tinypic.com/wvbf3a.png

我希望下拉菜单项从左到右(水平)堆叠.我似乎无法让这个工作,尝试使用官方文档中提到的"list-inline"类,只会让事情变得更糟.

这是HTML:

我正在使用Bootstrap 3

将它们li包含在ul列表和类中,list-inline就像这样

                

                    
1
                    
                    
2
                    
                    
3
                    
                    
4
                    
                    
5
                    
                

检查此屏幕截图

这是JSFiddle

Updates1:

正如我在评论中提到的,class: dropdown-menu有min-width as 160px.因此它固定为宽度.尝试覆盖它.

Updates2:

正如我在评论中提到的,bootstrap有一些默认样式可以覆盖,如

.dropdown-menu{
min-width: 200px;
}

如果您认为它影响其他元素,请使用id选择器覆盖.

#Numberlist.dropdown-menu{
min-width: 200px;
}

找出这个JSFiddle的不同之处