Bootstrap CSS закрывает всплывающую подсказку

Рендеринг события всплывающей подсказки работает нормально, пока я не добавлю загрузочный css

Рабочий сайт

https://fullcalendar.io/docs/event-tooltip-demo

Когда я добавляю в css следующее

 https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css

Это мешает отображению всплывающих подсказок.

Вот такая же демонстрация на codepen с добавленным css

https://codepen.io/ryan-ramsumair/pen/GLGpwQ?editors=0110

Как я могу это исправить?


twitter-bootstrap fullcalendar tooltip popper.js fullcalendar-4
person Ryan    schedule 20.04.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Меняется:

  eventRender: function(info) {
  var tooltip = new Tooltip(info.el, {
    title: info.event.extendedProps.description,
    placement: 'top',
    trigger: 'hover',
    container: 'body'
  });

To:

    eventRender: function(info) {
     $(info.el).tooltip ({
     title: info.event.title,
     placement: 'top',
     trigger: 'hover',
     container: 'body'
     });
   },

Работает с bootstrap 4. Надеюсь, я избавил кого-то от головной боли.

person Ryan    schedule 23.04.2019