使用图像制作Bootstrap按钮

时间:2014-09-29 00:40:40

标签: twitter-bootstrap

我需要制作一个图像按钮,这样当你点击它时,它就会完成按钮应该做的事情。如果你想知道我需要它的话,我正在制作旋转木马并试图改变左右按钮。在底部是我想要改变的代码。而不是字形,我需要它作为我自己的图像。

</div>
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->

1 个答案:

答案 0 :(得分:2)

在左侧和右侧控件中,替换以下代码行:

<span class="glyphicon glyphicon-chevron-left"></span>
<span class="glyphicon glyphicon-chevron-right"></span>

使用:

<img class="img-responsive center-block" src="./path/to/image.jpg" alt="Your Alt Text">

没有看到代码在运行中,很难说,但您可能需要调整图像大小 - 或控制轮播控件大小的CSS - 以使您的开关正确显示。不过,它不应该需要太多的调整。