Why my bootstrap responsive table not shrink
<p>Work on asp.net mvc5.Why not my responsive table shrink?when i re-size browser than scroll apprear.</p>

<p>my table syntax is bellow:</p>

<pre><code>  &lt;div class="col-12 col-sm-12 col-lg-12"&gt;
   &lt;div class="table-responsive"&gt;
    &lt;table class="table"&gt;
     &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;#&lt;/th&gt;
        &lt;th&gt;Table heading&lt;/th&gt;
        &lt;th&gt;Table heading&lt;/th&gt;
        &lt;th&gt;Table heading&lt;/th&gt;
        &lt;th&gt;Table heading&lt;/th&gt;
        &lt;th&gt;Table heading&lt;/th&gt;
        &lt;th&gt;Table heading&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;Table cell&lt;/td&gt;
        &lt;td&gt;Table cell&lt;/td&gt;
        &lt;td&gt;Table cell&lt;/td&gt;
        &lt;td&gt;Table cell&lt;/td&gt;
        &lt;td&gt;Table cell&lt;/td&gt;
        &lt;td&gt;Table cell&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;!-- end col-12 --&gt;
</code></pre>

<p>How to make my table shrink.</p>

<p><a href="https://i.stack.imgur.com/F88RH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/F88RH.png" alt="enter image description here"></a></p>