如何在Bootstrap中为菜单栏创建Big 6 Box？

Question

这是我的网站菜单栏，

http://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/

我想在BootStrap中创建它。 我想在引导程序中只有这6个盒子。

我如何在Bootstrap中创建它，请帮忙。

我不想在bootstrap菜单中使用任何javascript或hover css。 我只想在引导程序中使用这6个大盒子。 。如何？

<div class="container">
<div class="navbar">
    <div class="navbar-inner well-large">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <div class=" nav-collapse collapse">
        <ul class="nav row row-fluid"   >
            <li class="btn btn-large img-polaroid">Home</li>
            <li class="well-large ">aboutus</li>
            <li class="well-large ">sevice</li>
            <li class="well-large ">portfolio</li>
            <li class="well-large ">blog</li>
            <li class="well-large ">contact</li>

        </ul>

      </div>

    </div>
</div>