twitter bootstrap carousel用数字而不是箭头定制

Question

这是我的第一篇文章，我正在尝试使用twitter bootstrap学习rails。我正在使用旋转木马，我希望右下角包含可点击的数字来改变图片，而不是在最左边的箭头和图像的右侧。例如，数字1,2和＆amp; 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);
});

在carousel初始化后运行此命令。您必须调整LESS / CSS以将药丸从点更改为盒子。