title: Bootstrap 3.0 - Static table horizontal size in the panel
body: <p>I can not understand why the size of the nested table is static large then the panel decreases with the size of the browser. What can I do about it?</p>
  
  <pre><code>&lt;div class="panel panel-primary"&gt;
      &lt;table class="table"&gt;
          ...
  </code></pre>
  
  <p>Example: <a href="http://www.bootply.com/88846" rel="nofollow">http://www.bootply.com/88846</a>
  Screenshoot: <a href="https://db.tt/JDhkB7oQ" rel="nofollow">https://db.tt/JDhkB7oQ</a></p>