[Nota: para aqueles que podem estar confundindo essa pergunta com "por que não usar tabelas para layout HTML", não estou fazendo essa pergunta. A pergunta que estou fazendo é por que um layout de grade é fundamentalmente diferente de um layout de tabela.]

Estou pesquisando bibliotecas CSS (em particular o Bootstrap) para um projeto. Eu sou um programador em vez de um web designer e sinto que poderia beneficiar de uma biblioteca que encapsula um bom design.

Nós todos sabemos que é uma prática ruim usar tabelas HTML para realizar o layout básico do site, pois ele mistura a apresentação com o conteúdo. Um dos benefícios fornecidos pelas bibliotecas CSS, como o Bootstrap, é que eles oferecem a capacidade de criar layouts de "grade" sem usar tabelas. Estou tendo um pequeno problema, no entanto, entendendo como seus layouts de grade diferem de qualquer maneira significativa do layout de tabela equivalente.

Em outras palavras, qual é ofundamental diferença entre esses dois exemplos de HTML? Estou errado em pensar que o layout da grade é simplesmente uma tabela com outro nome?

<div class="row">
    <div class="span16"></div>
</div>

<div class="row">
    <div class="span4"></div>
    <div class="span4"></div>
    <div class="span4"></div>
    <div class="span4"></div>
</div>

e

<table>
  <tr>
    <td colspan=4></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>