Twitter Bootstrap 3多列ul列表侧栏

时间:2013-09-25 11:41:52

标签: jquery html css twitter-bootstrap

对于多列列表,我读了this article。但我想知道是否有Bootstrap方式。因为我读到某些浏览器不支持多列。因此,如果bootstrap有一种更容易出错的方式。

我有一个像这个小提琴的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个。 (我不想滚动条出现)
  • 如果用户的手机屏幕非常小,则会出现一个滚动条,以便他/她找到所需内容。
  • 最小化小型设备的线路高度会更好。
  • 我愿意接受任何提高响应度的建议。

0 个答案:

没有答案