artur_kudaev
@artur_kudaev
Frontend Developer

Как сверстать эти элементы?

Привет, как сверстать под бутстрап эти стрелочки?
5a122a2c2821a921958648.png
И такой овал:
5a122a51c9065978411541.png5a122a5b05ffe644848035.png
Спасибо)
  • Вопрос задан
  • 405 просмотров
Решения вопроса 2
edli007
@edli007
full stack, team lead
Привет, как сверстать под бутстрап эти стрелочки?

position: absolute

И такой овал:

отрицательный margin-top c центрированием через flex или margin: 0 auto

классами бутстрепа это не сделать, нестандартный элемент, ручками.
Ответ написан
Комментировать
xandri
@xandri
Люблю айтшечку
И такой овал:

создать прямоугольник сделать ему rotate в нужное количество градусов и ему задать отрицательный margin
после чего сделать :before и задать ему нужную высоту и ширину и сделать из него круг куда в контент посадить иконку

5a128f8aa13e7971239950.jpeg

Прямоугольник 100 на 100 пикселей с border-radius 30px

круг 40 на 40 бордер радиус 50%

Иконку садить через content
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@SokolovDmitry
Типичный Верстак
Через nth-child и вешать на :before/:after
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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