响应式 Twitter Bootstrap，最佳实践 - 在徽标下方创建 4 个导航按钮 [英] Responsive Twitter Bootstrap, Best Practice - Create 4 Navigation buttons below logo

查看：24 发布时间：2021/9/11 19:08:50 twitter-bootstrap

本文介绍了响应式 Twitter Bootstrap，最佳实践 - 在徽标下方创建 4 个导航按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我想要 4 个导航按钮占据整个宽度，每个按钮之间有一个列间隙(好像它们是 4 个 span3 DIVS).

像这样:

这不适合我能找到的任何 Bootstrap 导航示例 - 它们都卡在顶部.

记住导航应该是一个无序列表 - 我怎样才能最好地实现它，保持它的响应性?

2013 年 9 月 19 日更新 - 下面的 JSFiddle 图片:

解决方案

您可以调整引导程序的导航栏(以下示例是引导程序 2.3.2)，使其看起来更像您的，但仍保持其响应式样式.不要忘记使用导航栏在页面上包含 jquery 和 bootstrap.js 时，或者在移动设备上查看时菜单按钮不起作用.