Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bootstrap animations not working

See original GitHub issue

Hey guys I am having problems with Bootstrap. So I have imported the bootstrap css files

import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/css/bootstrap-theme.css';

Bootstrap seems to be working fine, but the dropdown animation is not working. So, I assumed that it was because I was because it was missing the bootstrap.js file. So, I imported it

import 'bootstrap/dist/js/bootstrap.js'

However, when I do that, I get the following error:

Uncaught Error: Bootstrap's JavaScript requires jQuery

I have installed jQuery using npm, but I still see the error. How do I fix it?

PS: I’m really new to web development. Thanks for your help!

Issue Analytics

State:
Created 7 years ago
Reactions:2
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

raerpocommented, Jan 15, 2017

Hi Gordillo99,

You can’t use jQuery’s bootstrap features in a React project just like that because it tries to modify the DOM and React already does that. If you want to use bootstrap in a React project you have to use project that mix them to work nicely.

Maybe this?: https://github.com/reactstrap/reactstrap#adding-bootstrap

0reactions

Timercommented, Jan 20, 2017

https://github.com/facebookincubator/create-react-app/pull/1008/files

Top Results From Across the Web

Bootstrap animations not working - Stack Overflow

My attempt is from this example. Instead of a button, I want the animation to be triggered by a click on an anchor....

Animations not working - Material Design for Bootstrap

Hello, I'm having trouble with animations, they are just not working. I've followed every step of the installation instructions and did everything ...

Animation not working if element have transform

Hi, I'm not an expert and I would like to understand why an animation on Scroll set in BSS isn't working if I...

Bootstrap Animations not working - InfinityFree Forum

Bootstrap Animations not working ... I checked from my “Network” tab and css/mystyle.css is missing in your account. Please upload it on htdocs/ ......

JavaScript - Bootstrap

noConflict and namespaced events, there may be compatibility problems that you ... Transition.js is a basic helper for transitionEnd events as well as...