Добрый день
есть такая адаптивная верстка prntscr.com/53ci80
блоки постоянно прыгают, особенно футер блока
можно сделать чтоб он всегда прапорционально сжимался от основного размера превью...
то есть, сейчас аватарка 50*50px, задать не в пикселях как-то а процентах и текст...чтоб если тянешь за блок, он тоже уменьшался
сложный пример. и так и сяк лопатил стили - не придумал решения...
но, наверное, можно как-то решить. даже без js. только стилями. но смотреть нужно утром, на свежую голову.
мм, так даже интереснее. Но чтобы не "ломать" размеры блоков (не добавлять шапку), может быть название виде сделать на полупрозрачной подложке прямо над картинкой?
Задать футер блока через класс .media в бутстрапе. Так же задать ему фиксированную высоту с overflow: hidden. А у текста поставить троеточие на конце, если не помещается (в css это включается несколькими стилями, нужно погуглить "css троеточие у span")
Оборачиваете вывод классом thumbnail. Затем после изображения добавляете конструкцию с классом caption. Задаете ему position: relative. Далее можете выставить высоту caption, можете написать jquery-скрипт для автоматического расчета высоты. Можете делать абсолютное позиционирование элементов внутри div.
