Próbuję stworzyć układ kolumn z zawartością w każdej i chcę, aby miały tę samą wysokość, ale nie mogę go uruchomić.

Jedna z kolumn jest wyższa niż pozostałe i rozciąga cały wiersz, ale nie pozostałe kolumny, również pionowo wyśrodkowując zawartość. wysokość 100% na span4 nie pomogła.

<div class="row">
    <div class="span4">
        <h3>Header 1</h3>
        <p>...</p>
        <div style="text-align: center">
            <a class="btn btn-success" href="">Some Button</a>
        </div>
    </div>
    <div class="span4">...</div>
    <div class="span4">...</div>
</div>

Uproszczone Css:

.row{width:100%;}
.span4{
    float:right;
    width:32%;
    margin-right:1%;
    border-radius:6px;
}

Istniejący:

Pożądany: