我正在尝试在我的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'
});
}
});
使用Fullcalendar.io页面的这个示例代码,并排除bootstrap.min.css,一切都可以正常工作。
编辑:我忘记添加我也在使用mdboostrap.css
编辑:链接到Codepen展示了问题:https://codepen.io/anon/pen/WqKvYv。如果您从CSS选项中删除twitter-bootstrap,则提示框将显示。