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

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

问题在于步骤编号在其红色圆圈中未正确对齐。

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

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

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

至：

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

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

最佳答案

更新introjs.css以扩大圆圈一点并放下填充也解决了这个问题（我认为将圆圈扩大到30px会使它看起来太大）：

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