.avatar {
background-color: #cacaca;
height: 240px;
}
.wall {
background-color: #a9a9a9;
height: 290px;
}
.frends {
background-color: #cacaca;
height: 240px;
margin-top: 25px;
}
.row {
clear:both;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container">
<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>
</div>
При увеличении высоты блока wall
блок frends
сдвигается вниз, как мне оставить четко под блоком avatar
? (перефразирую, мне нужно чтобы при увеличении высоты блока wall
, блок frends
был под блоком avatar
.)
Дополнение из комментариев к ответам
Мне нужно чтобы frends
был прижат к avatar. Под frends
будет еще один такой же блок, и он должен быть прижат к frends
. А wall
будет автоматически менять высоту.