Ich habe mit Bootstrap 3 eine Migration zum Grid-System gestartet, aber in den Beispielen in der Dokumentation werden alle DIVs verwendet:http://getbootstrap.com/css/#grid

Ich habe einen etwas redundanten Code erstellt, der die DIV-Klassen mit TABLE-Tags / -Klassen mischt:http://getbootstrap.com/css/#tables

Das Problem ist, dass das Layout die Grenzen verändert und ich denke, das sollte ein besserer Weg sein, dies zu tun. Irgendwelche Empfehlungen dazu?

Ein Beispielcode in 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>

Danke im Voraus.