title: React boostrap table`s responsive not working
body: <p>I added a react-boostrap table component to my web site as following.But it is not responsive.</p>
  
  <pre><code>import {Table,Container, Button ,Jumbotron} from 'react-bootstrap'
  &lt;div &gt;
      &lt;Table responsive striped bordered hover variant="dark" &gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;#&lt;/th&gt;
                      &lt;th&gt;First Name&lt;/th&gt;
                      &lt;th&gt;Last Name&lt;/th&gt;
                      &lt;th&gt;Username&lt;/th&gt;
                      &lt;th&gt;#&lt;/th&gt;
                      &lt;th&gt;First Name&lt;/th&gt;
                      &lt;th&gt;Last Name&lt;/th&gt;
                      &lt;th&gt;Username&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;1&lt;/td&gt;
                      &lt;td&gt;Mark&lt;/td&gt;
                      &lt;td&gt;Otto&lt;/td&gt;
                      &lt;td&gt;@mdo&lt;/td&gt;
                      &lt;td&gt;1&lt;/td&gt;
                      &lt;td&gt;Mark&lt;/td&gt;
                      &lt;td&gt;Otto&lt;/td&gt;
                      &lt;td&gt;@mdo&lt;/td&gt;
                  &lt;/tr&gt;
  
  
              &lt;/tbody&gt;
          &lt;/Table&gt;
  </code></pre>
  
  <p>It`s original look is as following.
  <a href="https://i.stack.imgur.com/gIENl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gIENl.png" alt="When opoen in wide screen"></a></p>
  
  <p>But when i decrease the screen size it look like as following(headers not showing and other details are stacked).
  <a href="https://i.stack.imgur.com/UcARB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UcARB.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/YgONQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YgONQ.png" alt="enter image description here"></a></p>
  
  <p>Can somebody show me the issue with my code</p>