Как в блочной верстке boostrap сделать, чтобы блок не двигался?

<div class="row">
        <div class="col-sm-4">
            <div class="avatar"></div>
        </div>
        <div class="col-sm-8">
            <div class="wall"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <div class="frends"></div>
        </div>
        <div class="col-sm-8"></div>
        <div class="col-sm-4"></div>
    </div>
</div>

и сss

.avatar {
    background-color: #cacaca;
    height: 240px;
}
.wall {
    background-color: #a9a9a9;
    height: 240px;
}
.frends {
    background-color: #cacaca;
    height: 240px;
    margin-top: 25px;
}

При увеличении высоты блока wall блок frends сдвигается вниз, как мне оставить четко под блоком avatar?(перефразирую, мне нужно чтобы при увеличении высоты блока wall, блок frends был под блоком avatar.)