I'm having difficulties with two things in Bootstrap 3:
I would like to remove the outline of the Panel object - the blue line around the whole thing
Inside the panel I have placed a table, I would love to remove lines separating the rows, but only in the table head. (that header is the area with the darker gray background)
Are these two things even possible?
Please have a look
<div class="panel panel-primary" id="panel" style="display: block;">
<div class="panel-heading" id="heading">1387537097625.xls</div>
<div id="table">
<table id="changes" class="table table-striped table-condensed">
<thead style="font-weight: bold; background-color: rgb(192, 192, 192);">
<tr>
<td>Price List Name</td>
<td style="font-weight: normal;">Price list</td>
<td></td>
<td colspan="2"></td>
<td colspan="3"></td>
</tr>
<tr>
<td>Currency</td>
<td style="font-weight: normal;">EUR</td>
<td></td>
<td colspan="2">Existing price breaks</td>
<td colspan="3">New price breaks</td>
</tr>
<tr>
<td>Product Range</td>
<td>Product Description</td>
<td>Productid(s)</td>
<td>1+</td>
<td>500+</td>
<td>1+</td>
<td>250+</td>
<td>1000+</td>
</tr>
</thead>
<tbody>
<tr>
<td>Range</td>
<td>Some description here</td>
<td>559</td>
<td class="warning">17.6</td>
<td></td>
<td class="warning">17.6</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Another Range</td>
<td>Different description here</td>
<td>506</td>
<td class="warning">23.15</td>
<td></td>
<td class="warning">23.15</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>