html - twitter bootstrap carousel 使用数字而不是箭头进行自定义

Question

这是我的第一篇文章，我正在尝试使用 Twitter Bootstrap 学习 Rails。我正在使用旋转木马，我希望右下角包含可单击以更改图片的数字，而不是在图像的最左侧和右侧有箭头。例如，数字 1、2 和 3 可以位于右下角的正方形中，每个数字都会改变显示的图像。我该怎么做？

Answer 1

计划在里程碑 2.3 中将药丸导航添加到 Carousel 插件。已经存在 a pull request which adds that functionality ，因此您最好使用该版本的 bootstrap-carousel.js 。但是，请注意这是新代码，可能会发生变化，因此如果您选择使用它，请准备好在整个生命周期中遵循它。

这是更新插件的演示:

JSFiddle

目前它使用药丸，但将其更改为数字应该不会太困难。可能只是添加一些代码，例如:

$('.carousel-pills > span').each(function (i) {
  $(this).text(i+1);
});

在轮播初始化后运行它。您必须调整 LESS/CSS 才能将药丸从点更改为框。