Bootstrapping datatables

Add bootstrap styling to the default datatable object so less manipulation and definition is needed on the `.dataTable()` call.

by Jeromy French

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://datatables.net/media/blog/bootstrap_2/DT_bootstrap.css">
<script src="https://rawgit.com/greenbender/DataTables/master/media/js/jquery.dataTables.js"></script>
https://datatables.net/blog/Twitter_Bootstrap_2<br />
https://datatables.net/media/blog/bootstrap_2/DT_bootstrap.js<br />
https://datatables.net/media/blog/bootstrap_2/<br />
https://rawgit.com/greenbender/DataTables/master/media/js/jquery.dataTables.js<br />
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example" data-order='[[2, "asc"]]'>
	<thead>
		<tr>
			<th data-sortable="false">Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th data-sortable="false">CSS grade</th>
		</tr>
	</thead>
	<tbody>
		<tr class="odd gradeX">
			<td>Trident</td>
			<td>Internet
				 Explorer 4.0</td>
			<td>Win 95+</td>
			<td class="center"> 4</td>
			<td class="center">X</td>
		</tr>
		<tr class="even gradeC">
			<td>Trident</td>
			<td>Internet
				 Explorer 5.0</td>
			<td>Win 95+</td>
			<td class="center">5</td>
			<td class="center">C</td>
		</tr>
		<tr class="odd gradeA">
			<td>Trident</td>
			<td>Internet
				 Explorer 5.5</td>
			<td>Win 95+</td>
			<td class="center">5.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="even gradeA">
			<td>Trident</td>
			<td>Internet
				 Explorer 6</td>
			<td>Win 98+</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="odd gradeA">
			<td>Trident</td>
			<td>Internet Explorer 7</td>
			<td>Win XP SP2+</td>
			<td class="center">7</td>
			<td class="center">A</td>
		</tr>
		<tr class="even gradeA">
			<td>Trident</td>
			<td>AOL browser (AOL desktop)</td>
			<td>Win XP</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox...

JavaScript

/* Table initialisation */
$(document).ready(function() {
	$('#example').dataTable();
} );