0

複数列のリストについては、この記事を読みました。しかし、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 つずつ、2 つの列があります。（スクロールバーを表示したくない）
  • ユーザーが携帯電話のように非常に小さな画面を持っている場合、必要なものを見つけることができるようにスクロールバーが表示されます。
  • 小さいデバイスの行の高さを最小限に抑えることをお勧めします。
  • 応答性を高めるためのあらゆる推奨事項を受け入れます。
4

0 に答える 0