css - Bootstrap IntroJS 步骤编号在 Bootstrap 3 中未正确对齐

Question

这是一个问题/答案，因为我在阅读有关 IntroJS 的相关问题时解决了我的问题。

问题是步数在红色圆圈中没有正确对齐。

问题在于脚本是使用 Bootstrap 2 设计的。在 Bootstrap 3 中它未对齐。

为了进行更正，我进入了 introjs.css 文件并进行了更改:

.introjs-helperNumberLayer {
    width:  20px;
    height: 20px;
}

到:

.introjs-helperNumberLayer {
    width:  30px;
    height: 30px;
}

现在数字位于红色圆圈的中心。

Answer 1

更新 introjs.css 以加宽圆圈并减少填充也解决了这个问题(我认为将圆圈设置为 30px 会使它看起来太大):

.introjs-helperNumberLayer {
    padding: 0px;
    width: 25px;
    height: 25px;
}