bootstrap carousel not hiding other element and showing all in the same time

Question

this is my code

I'm wondering why it will show all element in the same time, normally it should start at the first element.

Am I done something stupid thing to make the tragedy?

Answer 1

I believe this is because you didn't import bootstrap correct. Make sure you imported bootstrap.min.css, because bootstrap.min.js is not enough to render carousel and other components correct.