Html 用图像替换引导导航丸

Html 用图像替换引导导航丸,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我正在我的页面上使用Twitter Bootstrap 3.2.0。 我有导航药片在网站上导航。 现在我想用按钮的图像来交换导航药片,这些按钮的效果应该与导航药片完全相同 这可能吗?如果是这样的话,有谁能给我指出正确的方向吗?在您自己的css中用背景图像覆盖导航药丸类的背景色。从技术上讲,它是一个链接,只有一个带有边框半径的背景填充颜色,请在引导css中查找。这很容易调整,我怎么称呼它?背景色:/img/picture.jpg??例如,glyphicon下载:在{content:\e026;}将

我正在我的页面上使用Twitter Bootstrap 3.2.0。 我有导航药片在网站上导航。 现在我想用按钮的图像来交换导航药片,这些按钮的效果应该与导航药片完全相同


这可能吗?如果是这样的话,有谁能给我指出正确的方向吗?

在您自己的css中用背景图像覆盖导航药丸类的背景色。从技术上讲,它是一个链接,只有一个带有边框半径的背景填充颜色,请在引导css中查找。这很容易调整,我怎么称呼它?背景色:/img/picture.jpg??例如,glyphicon下载:在{content:\e026;}将content更改为background:url之前……我会亲自向ul添加一个类,并在其中放入与覆盖导航丸颜色相关的css。导航药丸的颜色是从锚元素转移而来的,所以你可能想从那里开始,并找出答案。
<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>