Задать вопрос
@fair_play_93
css

Схема со стрелками (этапы) Bootstrap + CSS?

Друзья и коллеги, доброго дня!
Прошу помочь советом, реализовать следующее, к примеру, есть схема из 5 блоков - шагов.
К примеру - этапы развития. 1 блок показывает стрелкой на второй, второй на третий, и так далее...
Собственно вопрос, как правильно все это сверстать, используя bootstrap + css ?
Всем спасибо и хорошего дня!
  • Вопрос задан
  • 1273 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
ixon
@ixon

Сделай сетку в 5 блоков, в каждый блок помести ещё один, который будет изображать стрелку и иметь параметры вроде этих:
display:block;
position:absolute;
right:-120px;

Примерное решение будет таким:
https://codepen.io/anon/pen/GBwRNm
Ответ написан
Комментировать
Комментировать
@sdgroup14
Я бы сделал без лишней разметки как то так https://codepen.io/sdgroup14/pen/ajQKbq . Так по сути breadcrumbs на сайте делают
Ответ написан
7 комментариев
7 комментариев
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Написать 3 раздела ВКР
25 апр. 2024, в 14:44
10000 руб./за проект
Создание теста в Postman
25 апр. 2024, в 14:44
250 руб./в час
Учебный проект - бронирование отелей, FastAPI, SQLA + HTML, CSS, JS
25 апр. 2024, в 14:41
5000 руб./за проект
Ещё заказы