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;
}