A print button that only prints the contents of a specific div, rather than a whole page.

print-div.html

<div id="print-contents">
  <!-- Your content goes here. -->
</div>

<script>
printDivCSS = new String ('<link href="../css/main.css" rel="stylesheet" type="text/css">')
//The line referencing your CSS will keep your printed div formatting looking correct.
function printDiv(divId) {
    window.frames["print_frame"].document.body.innerHTML=printDivCSS + document.getElementById(divId).innerHTML;
    window.frames["print_frame"].window.focus();
    window.frames["print_frame"].window.print();
}
</script>
<iframe name="print_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe>

<a class="btn btn-default" href="javascript:printDiv('print-contents')">Print</a>