Question

我正在使用Twitter bootstrap来访问网站。现在我正在使用药片作为菜单（使用java脚本）但是我希望它们能够自动填充菜单栏（使它们的大小相同）。

我不认为它是用bootstrap构建的，所以有人建议如何做到这一点吗？

  <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>

要清楚说明的图纸：1

Answer 1

在Bootstrap 3中有一个新的 btn-group-justified 类可能对你有用

<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>

http://getbootstrap.com/components/#btn-groups-justified

的详细信息

Twitter Bootstrap：基于药丸的菜单的自动宽度

1 个答案: