SO http://is.gd/p5FVeQ

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="wrapper">
  <div class="table-responsive">
    <table class="table">
      <thead>
        <tr>
          <th>#</th>
          <th>Table heading</th>
          <th>Table heading</th>
          <th>Table heading</th>
          <th>Table heading</th>
          <th>Table heading</th>
          <th>Table heading</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
        </tr>
        <tr>
          <td>3</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
          <td>Table cell</td>
        </tr>
      </tbody>
    </table>
  </div>

</div>
<!-- wrapper -->

CSS

body {
   background-color: #3E3E40;
 }
 
 .table-responsive {
   background-color: #fff;
 }
 
 .table-responsive,
 .table {
   margin-bottom: 0;
   /* overwrite bootstrap default */
 }
 
 .wrapper {
   box-shadow: 0 5px 10px pink;
   border: 1px solid orange;
 }
 /* hack for jsFiddle media queries */
 /* for demo only */
 
 </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css">