Стиль отдельного поповера Bootstrap с помощью обертки веток - PullRequest
Новая
       19

Стиль отдельного поповера Bootstrap с помощью обертки веток

0 голосов
/ 06 февраля 2019

Я пытаюсь стилизовать поповер, оставляя остальные без изменений.Я пытался использовать решения онлайн, такие как здесь , но это не работает.Я предполагаю, что это потому, что я использую обертку ветки для popover.

Я пытаюсь добавить класс, чтобы я мог выбрать отдельный popover.Я также попытался использовать атрибут data-template для всплывающих окон, который добавляет класс new_popover, но затем не удается открыть поповер. 

<span class="popover-wrapper{% block wrapper_class %}{% endblock%}">
  <button
  type="button"
  class="btn-link popover-link {% block link_class %}{% endblock %}"
  tabindex="0"
  role="button"
  data-template='<div class="new_popover" role="tooltip"><div class="arrow"></div><div class="popover-content"></div></div>'
  data-toggle="popover"
  data-placement="bottom"
  data-title="{% block title %}{% endblock %}"
  >{% block link_text %}{% endblock %}</button>
  <div class="popover-inner-content {% block content_class %}{% 
 endblock %}">
    {% block content %}{% endblock %}
 </div>
</span>

Вот используемый шаблон 

{% embed 'fragments/popover.html.twig' %}
  {%  block link_class %}
  {% endblock %}
  {% block link_text %}
  <span class="fa fa-info-circle"></span>
  {% endblock %}
  {% block title %}Contact Info{% endblock %}
  {% block content %}
... more stuff
...