У меня есть Bootstrap 4 popover
, который отображается, когда у меня hover-over
мой значок Font Awesome
, который у меня работает, но проблема в том, что мне нужно добавить еще один значок Font Awesome
внутри data-content
.
Должно ли это быть сделано через JS
или это может быть сделано непосредственно в атрибуте data-content
Это сводит меня с ума.
HTML
<i id="orderDetailsInfoIcon" class="fas fa-info-circle fa-lg" data-toggle="popover" data-placement="bottom" data-content="You can remove items added to your cart by clicking the <i class="far fa-times-circle text-danger"></i>." data-trigger="hover"></i>
Я пытался избежать этого, но он не хочет работать
data-content="You can remove items added to your cart by clicking the <i class=\"far fa-times-circle text-danger\"></i>."
А также
data-content = "Вы можете удалить товары, добавленные в корзину, нажав« + »+«. »*
и другие варианты.
Я хочу это
![enter image description here](https://i.stack.imgur.com/gmsXJ.png)
В этом
![enter image description here](https://i.stack.imgur.com/2Vr5L.png)