Faça as colunas da mesma altura no bootstrap

Eu tenho três colunas dentro de uma linha. Eu quero que as três colunas tenham a mesma altura (preencha todo o espaço em branco)

Atualmente, parece assim:

Como você pode ver, a coluna da esquerda tem a altura correta. Onde o meio e o direito não são.

O andaime parece com isso:

<div class="container">
    <div class="row">
    <div class="span3">
      -- menu --
    </div>
    <div class="span5">
     -- gray content --
    </div>
    <div class="span3">
     -- black content--
    </div>
    </div>
</div>

Eu tentei dar o meio e a altura de extensão direita de 100%, mas isso não faz. Alguém pode me guiar na direção correta?

Eu estou usando a última versão do Twitter Bootstrap

questionAnswers(4)

yourAnswerToTheQuestion