Как использовать систему сетки Bootstrap 3 с табличным компонентом?
Я начал переход на грид-систему с использованием Bootstrap 3, но все примеры в документации используют DIV:http://getbootstrap.com/css/#grid
Я сделал несколько избыточный код, который смешивает классы DIV с тегами / классами TABLE:http://getbootstrap.com/css/#tables
Проблема в том, что макет разбивает границы, и я думаю, что это должен быть лучший способ сделать это. Любые рекомендации по этому поводу?
Пример кода в Fiddle:http://jsfiddle.net/7g8nV/1/
<div class="table-responsive">
<table class="table table-bordered">
<tr class="row">
<td class="field-label col-md-3 active">
<label>Field 1:</label>
</td>
<td class="col-md-9">
Value 1
</td>
</tr>
<tr class="row">
<td class="field-label col-md-3 active">
<label>Field 2:</label>
</td>
<td class="col-md-9">
Value 2
</td>
</tr>
<tr class="row">
<td class="field-label col-md-3 active">
<label>Field 3:</label>
</td>
<td class="col-md-9">
Value 3
</td>
</tr>
</table>
</div>
Заранее спасибо.