React-bootstrap elements does not have styling

You shouldn't include bootstrap, because it will include in your project all bootstrap js files (they have as dependency jquery - therefore you get error). You don't need bootstrap js files, because you use react-bootstrap instead.

To include all css files from bootstrap write :

import style from 'bootstrap/dist/css/bootstrap.css';

After that you will also have problem with additional loaders. This is because, bootstrap styles use other files too.

Install:

npm install --save-dev url-loader

And you have to add to webpack configuration loader:

{
  test: /\.(png|woff|woff2|eot|ttf|svg)$/,
  loader: 'url-loader?limit=100000'
},

In style-loader documentation page, author recommend to use style-loader with css-loader. Change this:

{ test: /\.css$/, loader: 'style!css' },

An update some may find useful: make sure you install bootstrap v3.3.7 (npm install --save [email protected]) and not the newest version 4 because react-bootstrap targets the CSS in v3. Many of the styles, such as those for the navbar, don't exist in the CSS for v4.