基于图标的导航引导程序和Jquery Mobile

我正在使用jQuery mobile和Twitter Bootstrap创建一个移动应用程序。我试图完成一个"跳板"，如应用程序导航。我有6个图标，我想在两行3。

我现在有:

             <li><img src="img/info.png" /></li>
             <li><img src="img/map.png" /></li>
             <li><img src="img/rules.png" /></li>
             <li><img src="img/calender.png" /></li>
             <li><img src="img/iSchool.png" /></li>
             <li><img src="img/Infinite-Campus.png" /></li>    

我想让它感觉像苹果的Springboard，但有更大的图标和更像Windows Phone Metro的感觉。这些框架能做到这一点吗?

谢谢!

<nav>
    <li><span class="glyphicon glyphicon-nameoficon></span></li>
    <li><span class="glyphicon glyphicon-nameoficon></span></li>
    <li><span class="glyphicon glyphicon-nameoficon></span></li>
    <li><span class="glyphicon glyphicon-nameoficon></span></li>
    <li><span class="glyphicon glyphicon-nameoficon></span></li>
    <li><span class="glyphicon glyphicon-nameoficon></span></li>  
</nav>

nav span{
    font-size:40px;
}

project/fonts
project/css/styles.css