bootstrap のナビゲーションで画像を利用したい。

    <nav class="navbar navbar-default col-sm-12 col-xs-12 visible-xs-block" id="nav_color">
      <ul class="nav nav-tabs nav-justified">
        <li role="presentation"><img src="/image/star_64.png" class="img-responsive" /></li>
        <li role="presentation"><img src="/image/bicycle_64.png" class="img-responsive" /></li>
        <li role="presentation"><img src="/image/heart_64.png" class="img-responsive" /></li>
        <li role="presentation"><img src="/image/light_64.png" class="img-responsive" /></li>
        <li role="presentation"><img src="/image/building_64.png" class="img-responsive" /></li>
      </ul>
    </nav>

上記のように文字列の代わりにナビゲーションバーでアイコン画像を利用したいのですが、タブのような表現が出来ません。
どのようにしたらよいでしょうか？背景として設定するのでしょうか？
ご教授頂ければ幸いです。