Ответы, понравившиеся пользователю JeannieGold

Задать вопрос

Лайки

Как привязать footer к низу экрана в Twitter Bootstrap?
Сергей @RomeO_rzn
Я решил через скрипт, на мой взгляд так проще и не нужно городить враперы и лишние стили, кроме того футер не болтается всё время на экране

if ($(document).height() <= $(window).height()) $("footer.footer").addClass("navbar-fixed-bottom");

Ответ написан более трёх лет назад

4 комментария
4 комментария
Как бы вы сверстали такой блок?

Максим @LenovoId
svg, css,js

https://codepen.io/simkaUser/pen/RZRdxp но для мобильника надо думать версию ..

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как бы вы сверстали такой блок?
Ivan Bogachev @sfi0zy Куратор тега CSS
Creative frontend developer
Как говорится, ябзаверстал (за магические числа в примере ответственности не несу, был пьян).

Можно взять базовую разметку:
.project-timeline .step .number 1 .content Lorem ipsum dolor sit amet. .step .number 2 .content Lorem ipsum dolor sit amet. ....

С помощью CSS-трансформаций перевернуть половину элементов, а их содержимое перевернуть еще раз.
получится что-то такое

На маленьких экранах все повернуть еще раз.

получится вот так

---
CodePen

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как бы вы сверстали такой блок?
Astrohas @Astrohas
Python/Django Developer
согласен с Александр Синицын , выглядит хреново.
Самый банальный способ реализации через ul li. Причем структура примерно следующая:
li.top>.text+.number+.line li.bottom > .line+.number+.text

Также можно сделать и через ::before/::after.
Для мобилок сделайте в виде вертикального таймлайна

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как бы вы сверстали такой блок?

Артём Ведищев @Artem-V

Мой вариант
https://jsfiddle.net/kepeszvx/
Но вариант Александра Синицына лучше

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как бы вы сверстали такой блок?

Александр Синицын @a_u_sinitsin

Просить дизайнера прочитать то, что он нарисовал, дергая глазами вверх-вниз. Потом попросить представить это на мобильном... и пусть убьется )))

Ответ написан более трёх лет назад

3 комментария

3 комментария