Добавление мини-значок на значок

Question

мне нужно поставить мини значка в красном цвете, который отвечает как счетчик над этим значком:

<i class="fa fa-exclamation-triangle"></i> 

Это, чтобы показать номер вопроса детерминированного значения поля.

Answer 1

Я не уверен, что вы используете бутстрап или нет. Это было бы неплохо, но в любом случае я использовал Bootstrap для моего ответа, только чтобы использовать класс значка, но вы можете пометить класс значка, как вам будет угодно. Так что не ожидайте, что класс значка будет работать, поскольку у меня есть его без Bootstrap (только с точки зрения стиля, круглых углов и т. Д.).

В любом случае вам необходимо приложить свой номер или что бы вы ни использовали над значком в теге span и поместите его с относительным позиционированием и некоторой настройкой.

Вот CSS:

.badge{ 
    vertical-align:top; 
    position:relative; 
    right:12px; 
    background:red; 
    } 

И here рабочий код