intro.js have something wrong working with bootstrap

[zombiezlk]

When there is a bootstrap.css file working with intro.js and introjs.css , the width and height of introjs-helperNumberLayer will reduce which makes the style of introjs-helperNumberLayer very weird .
It seems like the border width and padding of introjs-helperNumberLayer will be counted in its height and width.

[netcult]

Same issue overhere..

[afshinm]

Can you have any online demo? @zombiezlk @netcult

[ericenns]

can fix with the following code:

span.introjs-helperNumberLayer {
    -webkit-box-sizing: initial !important;
    box-sizing: initial !important;
    -moz-box-sizing: initial !important;
}

[kviktor]

I think this was the same issiue: https://github.com/usablica/intro.js/pull/313

[clarmso]

Here's the demo on JSFiddle: http://jsfiddle.net/4evx1537/3/

Note that the number in the upper left corner is not centered.

[leonfong]

@clarmso edit introjs.css _line-height: 20px;_ to 10px; in line 110