title: WIth Bootstrap having table print issue
body: <p>I'm having issue when I include bootstrap with my table print. I'm using javascript function to show total value in each page. But when I include bootstrap css this is going wrong badly(Rows are overlapping).</p>
  
  <p>Without bootrap
  <a href="https://jsfiddle.net/hydridz/2337h5kt/3/" rel="nofollow noreferrer">https://jsfiddle.net/hydridz/2337h5kt/3/</a></p>
  
  <p>With bootrap
  <a href="https://jsfiddle.net/hydridz/9dk0u1y6/" rel="nofollow noreferrer">https://jsfiddle.net/hydridz/9dk0u1y6/</a></p>
  
  <pre><code>function printSubtotals(table, columns) {
      var
        tbody = table.tBodies[0],
        row = tbody.rows[0];
      if(!row)
        return;
      var cellCount = row.cells.length;
      if(!cellCount)
        return;
      var
        subtotals = [],
        rows = table.rows,
        thead = table.tHead,
        caption = table.querySelector('caption'),
        colgroup = table.querySelector('colgroup'),
        emptyTable = table.cloneNode(false),
        emptyRow = row.cloneNode(true),
        printDiv = document.createElement('div'),
        overlap = document.createElement('div'),
        subtotalCount = columns.length,
        rowCount = rows.length - 1,
        cells, subtotalCells, i, r;
      if(colgroup &amp;&amp; colgroup.parentNode === table)
        emptyTable.appendChild(colgroup.cloneNode(true));
      emptyTable.appendChild(tbody.cloneNode(false));
      printDiv.className = /MSIE /.test(navigator.userAgent) ? 'print fixIE' : 'print';
      overlap.className = 'overlap';
      for(i = subtotalCount; i--; subtotals.push(0));
      for(i = cellCount; i--; emptyRow.cells[i].innerHTML = '');
      for(r = row.rowIndex; r &lt; rowCount; r++) {
        printDiv.appendChild(overlap.cloneNode(true));
        tbody = printDiv.appendChild(emptyTable.cloneNode(true)).tBodies[0];
        cells = tbody.appendChild(rows[r].cloneNode(true)).cells;
        subtotalCells = tbody.appendChild(emptyRow.cloneNode(true)).cells;
        for(i = subtotalCount; i--;) {
          subtotals[i] += parseFloat(cells[columns[i]].innerHTML);
          subtotalCells[columns[i]].innerHTML = '&lt;b&gt;Total: ' + subtotals[i] + '&lt;/b&gt;';
        }
      }
      printDiv.removeChild(printDiv.children[0]);
      tbody = printDiv.children[0].tBodies[0];
      if(caption &amp;&amp; caption.parentNode === table)
        tbody.parentNode.insertBefore(caption.cloneNode(true), tbody);
      if(thead)
        tbody.parentNode.insertBefore(thead.cloneNode(true), tbody);
      table.parentNode.insertBefore(printDiv, table);
    }
  
    printSubtotals(document.querySelector('.data'), [0,1]);
  </code></pre>