Как верстать древо скиллов как на картинке?

Question

[ummahusla]

Чтобы вы посоветовали, как лучше верстать такого рода древо скиллов, для простого приложение. Верстка должна быть адаптивная, изначально думал использовать Foundation, но незнаю, может есть лучше варианты?

Спасибо

Answer 1

[Павел Гоголинский]

Да не заморачивайтесь вы с этими бутстрапами. Они нужны для сетки, а тут сетка - три колонки.
Верстайте эти вот элементики. С ними фреймворк не поможет

Answer 2

[Дмитрий Антонов]

Позиционированием, вот к примеру https://valkyrie-wow.org/armory/tool/talentCalcula...
А что бы адаптивно было используешь @media и от ширины устройства играешься в css

Answer 3

[teslor]

Можно сверстать флексбоксами (если не нужна поддержка IE9-), картинки - SVG.