title: bootstrap table inside container div is out of browser width
body: <p>I have a boostrap <code>container</code> div and inside it, I have a table: </p>
  
  <pre><code>&lt;table id="reviewer_table" class="table table-hover table-striped table-condensed tasks-table"&gt;
  &lt;thead&gt;
    // tr/td ... 
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>But for some reason, this table is too wide, that one column is actually outside of the right screen. </p>
  
  <p>I am not sure what is causing the issue, so I am sharing the code to know if I am doing something wrong. </p>