Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing support for WebKit explorers #359

Closed
DieterLi opened this issue Nov 13, 2014 · 2 comments
Closed

Missing support for WebKit explorers #359

DieterLi opened this issue Nov 13, 2014 · 2 comments

Comments

@DieterLi
Copy link

Hi,

I've found that Carousel function doesn't work well in webkit explorers, like Chrome, Safari and etc. And I've checked the CSS codes, and found that some supporting lines are omitted, comparing to the original Bootstrap CSS file, like:
Under @media all and (transform-3d), (-webkit-transform-3d)
Class .carousel-inner > .item misses
"-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;"

Such kind of issue also happens to other classes. After added them up into your CSS file, Carousel works well now.

@DieterLi
Copy link
Author

By the way, the issue is that the pictures don't slide into scene, but show and hide all in sudden. Not a good user experiences.

@thomaspark
Copy link
Owner

Thanks. Bootstrap is apparently phasing in the use of Autoprefixer (twbs/bootstrap#14937), starting with carousels. It wasn't added to the Bootswatch build process yet. Fix on the way.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants