用图像替换Bootstrap Nav-Pills

Question

我在我的页面上使用 Twitter Bootstrap 3.2.0 。 我有 Nav-Pills 来浏览网站。 现在我想用“按钮”图像交换 Nav-Pills ，它应该与 Nav-Pills 具有完全相同的效果。

<ul class="nav nav-pills nav-justified" role="tablist">
      <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
      <li><a href="#media" role="tab" data-toggle="tab">Media</a></li>
</ul>

这可能吗？如果是这样，任何人都可以引导我朝着正确的方向前进吗？