Bootstrap - используйте вертикальное пространство без кладки

Question

Я думаю, что изображение ниже объясняет, что я пытаюсь сделать. По сути, я хочу, чтобы левые столбцы из строк 2 и 3 занимали пустое пространство над ними, но высота строки 1 была динамической. Я бы предпочел не использовать hide/visible, поскольку colB содержит изображение, которое я не хочу дважды загружать.

Мне интересно, есть ли способ начальной загрузки, о котором я не знаю? Единственное, что я могу думать сейчас, используя небольшую функцию JQuery установить минус маржа верх для row2 из ~ (Row1.ColB.Height - Row1.ColA.Height)

Заранее спасибо

Рори

Answer 1

Если второй столбец (строка 1 в) выше, как показано на изображении, вы можете добавить класс, чтобы он плавать прямо на больших экранах ..

@media (min-width:768px) { 
    .pull-sm-right { 
     float:right; 
    } 
} 

http://www.codeply.com/go/N3bJZRencG