fortunato
@fortunato
Автоматический монтаж видео - LIFEFILM.ru

Как в bootstrap сделать резиновыми thumbnail?

Добрый день
есть такая адаптивная верстка
prntscr.com/53ci80
y3EivWp.png
блоки постоянно прыгают, особенно футер блока
можно сделать чтоб он всегда прапорционально сжимался от основного размера превью...
то есть, сейчас аватарка 50*50px, задать не в пикселях как-то а процентах и текст...чтоб если тянешь за блок, он тоже уменьшался

тут страница сама up.lifefilm.ru/newfilms.html
  • Вопрос задан
  • 2426 просмотров
Пригласить эксперта
Ответы на вопрос 3
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
сложный пример. и так и сяк лопатил стили - не придумал решения...
но, наверное, можно как-то решить. даже без js. только стилями. но смотреть нужно утром, на свежую голову.
Ответ написан
Gambala
@Gambala
Дзен-разработчик
Задать футер блока через класс .media в бутстрапе. Так же задать ему фиксированную высоту с overflow: hidden. А у текста поставить троеточие на конце, если не помещается (в css это включается несколькими стилями, нужно погуглить "css троеточие у span")
Ответ написан
Комментировать
@anikitin35
Посмотрите простой пример:
allvologda.ru

Оборачиваете вывод классом thumbnail. Затем после изображения добавляете конструкцию с классом caption. Задаете ему position: relative. Далее можете выставить высоту caption, можете написать jquery-скрипт для автоматического расчета высоты. Можете делать абсолютное позиционирование элементов внутри div.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы