小编tom*_*mas的帖子

当我使用 bootstrap css 时,工具提示在 fullcalendar 中不起作用

我正在尝试在我的 fullcalendar 应用程序中显示工具提示。但是如果我包含 bootstrap.css,它就不起作用了。当我在没有它的情况下运行代码时,一切正常。

var calendar = new Calendar(calendarEl, {
  events: [
    {
      title: 'My Event',
      start: '2010-01-01',
      description: 'This is a cool event'
    }
    // more events here
  ],
  eventRender: function(info) {
    var tooltip = new Tooltip(info.el, {
      title: info.event.extendedProps.description,
      placement: 'top',
      trigger: 'hover',
      container: 'body'
    });
  }
});
Run Code Online (Sandbox Code Playgroud)

使用此示例代码来自 Fullcalendar.io 页面和 bootstrap.min.css 被排除在外,一切正常。

编辑:我忘了补充说我也在使用 mdboostrap.css

编辑:显示问题的 Codepen 链接:https ://codepen.io/anon/pen/WqKvYv 。如果您从 CSS 选项工具提示中删除 twitter-bootstrap

jquery fullcalendar bootstrap-4 mdbootstrap fullcalendar-4

2
推荐指数
1
解决办法
4913
查看次数