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

Question

[Артур]

Привет, как сверстать под бутстрап эти стрелочки?

И такой овал:

Спасибо)

Comments

[Антон]

Если Вы сверстали эти иконки так, как на этом скрине, у меня для Вас плохие новости, Вы - маньяк. Первостепенно, как сказал Exploding, - дать по шее дизайнеру, причем очень дать.
А вообще, лучше не парьтесь и запилите сие тупо картинкой

Answer 1

[Alexander Litvinenko]

Привет, как сверстать под бутстрап эти стрелочки?

position: absolute

И такой овал:

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

классами бутстрепа это не сделать, нестандартный элемент, ручками.

Answer 2

[Игорь]

И такой овал:

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



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

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

Иконку садить через content

Answer 3

[Dmitry Sokolov]

Через nth-child и вешать на :before/:after