Para explicar de uma maneira curta, é isso que estou tentando alcançar:http://www.bootply.com/Muh7eahFC8#

Um design responsivo, com três colunas e um botão na parte inferior de cada coluna.

O problema é que estou definindo a altura das colunas manualmente e gostaria que a coisa toda se adaptasse automaticamente ao conteúdo mais longo das três colunas.

No momento, estou definindo uma altura diferente com base no tamanho de cada viewport:

@media only screen and (min-width : 992px) {
  div {
    height: 180px;
  }
  div a {
    position: absolute;
    bottom: -40px;
  }
}

@media only screen and (min-width : 1200px) {
  div {
    height: 140px;
  }
}

(Experimente uma largura de tela diferente)

Eu acho que o que estou tentando alcançar é bastante comum. Não existe um caminho mais inteligente para alcançá-lo?

- editar

Com a ajuda do @DavidG, eu poderia encontrar uma solução responsiva:http://www.bootply.com/7C2WvyxNyZ infelizmente hte 33% é codificado, se eu mudar o número de colunas eu terei que atualizar o css, e não achei nenhuma maneira de centralizar os botões em cada coluna