Html Twitter引导：基于药丸菜单的自动宽度

我正在用twitter引导一个网站。现在我将这些药丸用作菜单（使用java脚本），但我希望它们自动填充菜单栏（使它们大小相同）

我不认为这是内置的引导，所以有人有一个建议如何做到这一点

  <div class="row">
    <div class="span12 ban text-center">
      <ul class="nav nav-pills"  style="display: inline-block;">
        <li class="active"><a href="#home" data-toggle="pill"><i class="icon-home"> Home </a></li>
        <li><a href="#Info" data-toggle="pill"><i class="icon-home ">Info </a></li>
        <li><a href="#Fotos" data-toggle="pill"><i class="icon-camera"></i> Foto's</a></li>
        <li><a href="#Contact" data-toggle="pill"><i class="icon-home "> Contact </a></li>
      </ul>
    </div>
  </div>

---

一张图清楚地说明了这一点：

在Bootstrap 3中，有一个新的btn组调整类可能适合您

<div class="btn-group btn-group-justified">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>  

左边
中间的
赖特

---

完整详细信息在

无论如何，要在不使用BS3的情况下执行此操作？@CABenstein一个选项是完整的widt CSS表，然后手动调整每个链接的单元格宽度百分比，thanx提供帮助！我刚刚删除了内联块样式，添加了一个菜单样式，完成了25%