Bootstrap IntroJS 步骤编号在 Bootstrap 3 中未正确对齐答案

【问题标题】：Bootstrap IntroJS step number not aligned correctly in Bootstrap 3Bootstrap IntroJS 步骤编号在 Bootstrap 3 中未正确对齐
【发布时间】：2014-02-16 04:54:37
【问题描述】：

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

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

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

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

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

到：

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

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

【问题讨论】：

将您的问题保留为仅问题，在下方回答并将其标记为正确，这样它就不会保留为未决问题。无论如何，您的贡献会更适合您自己的博客，而不是 StackOverflow 系统。
或者post是作为introJS相关问题的答案

标签： css twitter-bootstrap intro.js

【解决方案1】：

更新 introjs.css 以稍微加宽圆圈并删除填充也解决了问题（我认为将圆圈设置为 30 像素会使它看起来太大）：

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

【讨论】：