我正在尝试在我的 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