Carousel is not animated
See original GitHub issueBug description:
The carousel transitions are not animated and therefore, are not sliding.
The slides are missing classes called carousel-item-next
, carousel-item-left/right
.
Due to the lack of these classes during transition, the slides are not animated. You can see this behaviour, while debugging the original carousel on the bootstrap documentation page https://getbootstrap.com/docs/4.0/components/carousel/#with-indicators
Link to minimally-working plunker that reproduces the issue:
http://plnkr.co/edit/GXzJpDL0E5jF0wDYvvv2?p=preview
Version of Angular, ng-bootstrap, and Bootstrap:
Angular: 4.0.3
ng-bootstrap: 1.0.0-beta.3
Bootstrap: 4.0.0-beta
Issue Analytics
- State:
- Created 6 years ago
- Reactions:8
- Comments:19 (6 by maintainers)
Top Results From Across the Web
Bootstrap 4 carousel slide not animating - Stack Overflow
Hi all I am using Boostrap 4 beta-2 and am trying to get the carousel to use the slide animation ...
Read more >Carousel: Text and image animation not working properly
My solution is to set the image animation to run the entire course of one loop of the slider and not a single...
Read more >Carousel Caption Animation - Material Design for Bootstrap
Actual behavior The CSS animation only triggers once, then once the same slide comes back into view, the CSS does not trigger again....
Read more >Bootstrap | Carousel - GeeksforGeeks
It can be included in your webpage using “bootstrap.js” or “bootstrap.min.js”. Carousels are not supported properly in Internet Explorer, this ...
Read more >Carousel · Bootstrap v5.1
The .active class needs to be added to one of the slides otherwise the carousel will not be visible. Also be sure to...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
There’s been a pr #1958 waiting for review for over 3 months now… when is this issue going to be resolved?
@TonyTheTech there is a pr to add animations for the carousel: https://github.com/ng-bootstrap/ng-bootstrap/pull/1958 They just havent reviewed and merged it yet. But you can always fork it and add my pr yourself to get the animations.