title: Centering a table's content to only a part of the page while overflowing the rows to the edges of the screen
body: <p>I have a specific way I want my table to look, but I'm struggling to figure out how to make it happen in HTML/CSS/Bootstrap.
  I want for its columns to be centered in the center 85%-ish of the screen, with the table itself extending to 100% of the screen.
  It should look something like this:
  <code>========|Column|Column|Column|========
   ========|Data  |Data  |Data  |========</code></p>
  
  <p>Where the "====" are basically empty space separated by the row borders.</p>
  
  <p>Is there any way to achieve this? </p>
  
  <p>Currently, my table is confined to a bootstrap Container, so it has fixed margins of either side. If I get rid of the container, the table takes up 100% of the page, but the columns also start at the edge.</p>
  
  <p>Any help would be greatly appreciated!</p>