JSFiddle - React, Tailwind, and code Playground
by Mark
HTML
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="table-responsive">
<table class="table table-condensed table-striped table-bordered table-hover no-margin">
<thead>
<tr>
<th style="width: 5%;">
<input class="no-margin" type="checkbox">
</th>
<th style="width: 25%;">Name</th>
<th style="width: 20%;">Account Number</th>
<th style="width: 10%;">Profile</th>
<th style="width: 15%;">Options</th>
<th style="width: 10%;">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input class="no-margin" type="checkbox">
</td>
<td>
<span class="name">Donald Oswany</span>
</td>
<td class="hidden-phone">1000001</td>
<td class="hidden-phone">
<span class="label label-primary"> <a href="#"/>Profile</span>
</td>
<td class="hidden-phone">15 - 10 - 2013</td>
<td class="hidden-phone">
<div class="btn-group">
<button title="" class="btn btn-xs dropdown-toggle" data-original-title="" data-toggle="dropdown">
Action
<span class="caret">
</span>
</button>
<ul class="dropdown-menu pull-right">
<li>
<a href="#">Edit</a>
</li>
<li>
<a href="#">Delete</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>
<input class="no-margin" type="checkbox">
</td>
<td>
<span class="name">Michel Clark</span>
</td>
<td class="hidden-phone">1000002</td>
<td class="hidden-phone">
<span class="label label-primary"> <a href="#"/>Profile</span>
</td>
<td...
CSS
a:link {
color: white;
}
/* visited link */
a:visited {
color: white;
}