Как использовать систему сетки Bootstrap 3 с табличным компонентом?

Я начал переход на грид-систему с использованием Bootstrap 3, но все примеры в документации используют DIV:http://getbootstrap.com/css/#grid

Я сделал несколько избыточный код, который смешивает классы DIV с тегами / классами TABLE:http://getbootstrap.com/css/#tables

Проблема в том, что макет разбивает границы, и я думаю, что это должен быть лучший способ сделать это. Любые рекомендации по этому поводу?

Пример кода в Fiddle:http://jsfiddle.net/7g8nV/1/


   
  
    
      Field 1:
    
    
      Value 1
    
  
  
    
      Field 2:
    
    
      Value 2
    
  
  
    
      Field 3:
    
    
      Value 3
    
  


Заранее спасибо.

Ответы на вопрос(1)

Ваш ответ на вопрос