title: Bootstrap carousel not displaying in reactjs
body: <p>Hi I have installed bootstrap using the standard npm install react-bootstrap bootstrap command and implemented the carousel code from the bootstrap site but i don't get the carousel. Images are displaying one by one here's my code</p>
  
  <pre><code>import React, {Component} from 'react';
  **import {Carousel} from 'react-bootstrap';
  import 'bootstrap/dist/css/bootstrap.min.css';**
  import CleanHands from '../Images/cleanhands.jpg';
  import Heroes from '../Images/heroes.jpg';  
  
  class ImageCarousel extends Component {
  
      render() {
          return(
                  &lt;Carousel&gt;
                      &lt;Carousel.Item&gt;
                          &lt;img
                          className="d-block w-100"
                          src={CleanHands}
                          alt="First slide"
                          style={{width:"40px", height:"40px"}}
                          /&gt;
                      &lt;/Carousel.Item&gt;
                      &lt;Carousel.Item&gt;
                          &lt;img
                          className="d-block w-100"
                          src={Heroes}
                          alt="Third slide"
                          /&gt;
                      &lt;/Carousel.Item&gt;
  
                      &lt;Carousel.Item&gt;
                          &lt;img
                          className="d-block w-100"
                          src={CleanHands}
                          alt="Third slide"
                          /&gt;
                      &lt;/Carousel.Item&gt;
                  &lt;/Carousel&gt;
  
          );
      }
  }
  
  export default ImageCarousel;
  </code></pre>