search

usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.8k stars 2.59k forks source link

intro.js have something wrong working with bootstrap #316

Closed zombiezlk closed 5 years ago

zombiezlk commented 10 years ago

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 commented 10 years ago

Same issue overhere..

afshinm commented 10 years ago

Can you have any online demo? @zombiezlk @netcult

ericenns commented 10 years ago

can fix with the following code:

span.introjs-helperNumberLayer {
    -webkit-box-sizing: initial !important;
    box-sizing: initial !important;
    -moz-box-sizing: initial !important;
}
kviktor commented 10 years ago

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

clarmso commented 8 years ago

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

Note that the number in the upper left corner is not centered. screen shot 2015-11-02 at 1 08 30 am

leonfong commented 8 years ago

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