<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<table class="table table-striped table-rwd-name table-hidden">
<thead class="table-only-hide">
<tr>
<th>Product Name</th>
<th width="150">Purchase quantity</th>
<th width="200">unit price</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Product Name">Col 1</td>
<td data-label="Purchase quantity">Col 2</td>
<td data-label="unit price">Col 3</td>
</tr>
<tr>
<td data-label="Product Name">Col 1</td>
<td data-label="Purchase quantity">Col 2</td>
<td data-label="unit price">Col 3</td>
</tr>
<tr>
<td data-label="Product Name">Col 1</td>
<td data-label="Purchase quantity">Col 2</td>
<td data-label="unit price">Col 3</td>
</tr>
<tr>
<td data-label="Product Name">Col 1</td>
<td data-label="Purchase quantity">Col 2</td>
<td data-label="unit price">Col 3</td>
</tr>
<tr>