jquery - Twitter Bootstrap 3 多列 ul 列表侧边栏

Question

对于多列列表，我阅读了这篇文章。但我想知道是否有引导方式。因为我读到有些浏览器不支持多列。因此，如果引导程序有办法，它会更容易出错。

我有一个像这个小提琴这样的 ul 列表：http: //jsfiddle.net/mavent/UrGJT/

< div class="sidebar_wrapper">  
    < div class="sidebar_inner">  
        < ul class="nav nav-pills nav-stacked">  
            < li>My super link</li>  
            < li>My super link</li>  
            < li>My super link</li>  
            < li>My super link</li>  
            ......  
        < /ul>  
    < /div >   
< /div >

我想要这种行为：

• 如果用户的显示器有足够的高度，所有 18 行都将可见。
• 如果用户的屏幕较小，例如将有两列，每列 9 个。（我不想滚动条出现）
• 如果用户的屏幕非常小，比如手机，会出现一个滚动条，以便他/她可以找到他/她需要的内容。
• 最好尽量减少小型设备的线高。
• 我愿意接受任何提高响应度的建议。