Html 引导:容器流体和年度日历

Html 引导:容器流体和年度日历,html,css,twitter-bootstrap,calendar,Html,Css,Twitter Bootstrap,Calendar,当我将引导年份日历添加到我的站点时,它将很好地放在其中一个容器中 一切正常(或多或少),但日历左侧有一个很短的滚动条,我不知道为什么:( 要删除滚动条,我需要更改什么 html, 身体{ 字体系列:“Alice”,Arial,塔荷马; 填充顶部:40px; } #第1节, #第2节, #第3节, #第4节, #第5节, #第6节, #第7节, #第8节{ 填充顶部:50px; } #人头指数{ 文本对齐:居中; } /* @媒体屏幕和屏幕(最大宽度:768px){ #第1节、第2节、第3节、

当我将引导年份日历添加到我的站点时,它将很好地放在其中一个容器中

一切正常(或多或少),但日历左侧有一个很短的滚动条,我不知道为什么:(

要删除滚动条,我需要更改什么

html,
身体{
字体系列:“Alice”,Arial,塔荷马;
填充顶部:40px;
}
#第1节,
#第2节,
#第3节,
#第4节,
#第5节,
#第6节,
#第7节,
#第8节{
填充顶部:50px;
}
#人头指数{
文本对齐:居中;
}
/*
@媒体屏幕和屏幕(最大宽度:768px){
#第1节、第2节、第3节、第4节、第5节、第6节、第7节、第8节{
填充顶部:50px;
}
}*/
p、 wp标题文本{
字体大小:10px;
线高:1;
保证金:0;
填充:3倍;
文本对齐:右对齐;
}

韦尔夫·巴尔基特
$('.calendar demo').calendar({
displayWeekNumber:true,
风格:“背景”,
alwaysHalfDay:是的,
enableContextMenu:true,
enableRangeSelection:false,
mouseOnDay:函数(e){
如果(e.events.length>0){
var内容=“”;
对于(e.events中的var i){
content+=''+''+e.events[i].name+''+'';
}
$(e.element).popover({
触发器:“手动”,
容器:'主体',
是的,
内容:内容
});
$(e.element.popover('show');
}
},
mouseOutDay:函数(e){
如果(e.events.length>0){
$(e.element.popover('hide');
}
},
dayContextMenu:函数(e){
$(e.element.popover('hide');
},
数据源:[{
id:0,
姓名:'Reserviert:117',
起始日期:新日期(2016年3月8日),
结束日期:新日期(2016年3月17日)
}, {
id:1,
名称:宝洁公司,
起始日期:新日期(2016年6月12日),
结束日期:新日期(2016年6月18日)
}]
});
使用此CSS(在日历CSS之后):


将CSS
overflow-y:hidden;
添加到任何滚动条中。它将隐藏垂直滚动条。如果它是水平的,请使用
overflow-x:hidden;
但是如果您可以滚动一个元素,则表明该元素比容器大。

谢谢!我只是用木锤…style=“overflow:visible;”工作得很有魅力:)
.calendar {
  overflow: visible;
}