最普通的、最简单的事情往往是最实用的事情，不过这里使用表格来布局，而不是把页面划分成12份的栅格系统。因为12份遇到一些如5份的栏目并不好平均分配。
此面板使用了bootstrap提供的面板元素，同样可以根据窗口大小来自动调整。
代码比上面的两种解决方案简单的多，但同时也没有这么炫。不过朴素实用确实真的。
<!--这个节点可以不要，放在一个容器container里面只是为了好截图，不会充满整个窗口--> <div> <!--只有body的panel，改变样式仅改变边框颜色--> <div> <div> <table> <tr> <!--如果是六项则可以用bootstrap的栅格系统，每列为2格，如果是7项，那么一个单元格则占100/7=14%的大小。--> <td> <a href="#">项目一</a> </td> <td> <a href="#">项目二</a> </td> <td> <a href="#">项目三</a> </td> <td> <a href="#">项目四</a> </td> <td> <a href="#">项目五</a> </td> </tr> </table> </div> </div> </div>
以上三种为解决bootstrap导航栏navbar在IE8上存在缺陷的方案。个人认为第一种有点少见与另类，第二种是笔者最推荐的，第三种觉得需要运用到表格，能避免则尽量避免吧。可以把选择按钮组放到一个面板里面，取代第三种上面的文字、表格内容也是可以。
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：