Html 引导弹出按钮未打开

我有一个奇怪的问题，我的popover与我的按钮断开了连接。我已在中重新创建问题，但无法确定问题的来源。我不知道是什么CSS引起了麻烦。下面是制作按钮的代码，但我没有链接CSS，因为它有点长，而且大部分与弹出窗口无关，但可以在小提琴中看到

这是因为您为html标记设置了边距


$（document）.ready（函数（）{//启用popover
$（'[data toggle=“popover”]'）。popover（）；
});
/*请参阅https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
有关配置此项目以捆绑和缩小静态web资产的详细信息，请参阅*/
/*移动或桌面特定的东西*/
内容移动{
显示：无；
}
内容桌面{
显示：无；
}
诺加普先生{
边际：0px；
填充：0px；
}
.缩进{
文本缩进：3rem；
}
居中{
保证金：0；
位置：绝对位置；
最高：50%；
左：50%；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}
/*月*/
桌子{
边界塌陷：塌陷；
字体系列：“Segoe UI”，时代，衬线；
}
th{
边框：1px实心#A8A8A8；
垂直对齐：顶部；
}
运输署{
高度：1.2米；
宽度：10em；
填充：8px；
边框：1px实心#A8A8A8；
垂直对齐：顶部；
}
.日历{
填充：15px；
浮动：左；
/*背景色：#FFCC00*/
}
/*包装器div。它使内部div成为一个内联元素，可以用文本对齐居中*/
#日历总体控制{
文本对齐：居中；
}
/*这是一个流体div，因为宽度将发生变化*/
#日历月控制{
显示：内联块；
/*背景色：#FF0000*/
}
#CalendarMonthControl>div，#CalendarMonthControl>a{
显示：内联块；
}
#上个月、下个月{
背景色：#808080；
}
@介质（最小宽度：25em）{
html，正文{
溢出x：隐藏；
}
身体{
位置：相对位置；
}
}
蓝线酒店{
边界：无；
高度：2倍；
/*设置hr颜色*/
颜色：#314DB2；/*旧IE*/
背景色：#314DB2；/*现代浏览器*/
}
/*索引页*/
.身体{
填充：70px；
边际：0px；
}
.home.jumbotron{
背景尺寸：封面！重要；
边界半径：0px！重要；
填充顶部：11rem！重要；
填充底部：2rem！重要；
边际顶部：0px！重要；
}
@介质（最大宽度：480px）{
.home.jumbotron{
垫底：70px；
}
}
/*卡片栏*/
@介质（最小宽度：20em）{
.卡片栏{
-webkit列数：2；
-moz列数：2；
列数：2；
}
}
@介质（最小宽度：48em）{
.卡片栏{
-webkit列数：3；
-moz列数：3；
列数：3；
}
}
@介质（最小宽度：62em）{
.卡片栏{
-webkit列数：4；
-moz列数：4；
列数：4；
}
}
@介质（最小宽度：75em）{
.卡片栏{
-webkit列数：4；
-moz列数：4；
列数：4；
}
}
/*导航栏*/
a、 navbar品牌{
空白：正常；
文本对齐：居中；
单词break：打破一切；
背景尺寸：包含；
}
.navbar品牌跨度{
垂直对齐：中间对齐；
填充：0 15px；
}
/*悬停时更改颜色和下划线*/
.navbar导航。导航项。活动导航链接，
导航条导航项：悬停导航链接{
文字装饰：下划线！重要；
}
/*根据用户所在页面按下导航栏链接*/
.第页{
文字装饰：无；
背景色：#2B3035；
边界半径：3px；
}
/*测试12*/
.test12.jumbotron{
背景色：透明！重要；
颜色：白色；
}
/*时间轴布局*/
.星期{
背景色：#dedede；
边界：0px；
左边框：1px纯黑；
右边框：1px纯黑；
边界半径：0px；
垫面：1px；
高度：30px；
光标：指针！重要；
}
#强制线{
边框顶部：1件纯黑；
颜色：#dee2e6；
位置：绝对位置；
z指数：10；
顶部：38px；
左：10%；
}
.btn.active{
背景色：#9191；
}
brokencard先生{
边界：无；
}
卡头{
字号：1rem；
}
蓝线酒店{
边界：无；
高度：2倍；
/*设置hr颜色*/
颜色：#314DB2；/*旧IE*/
背景色：#314DB2；/*现代浏览器*/
}
.时间线标签{
位置：绝对！重要；
顶部：-25px！重要；
文本对齐：居中；
填充：0px；
边际：0px；
左：0px；
宽度：100%；
空白：nowrap；
}
.btn.week.focus、.btn.week.active{
盒影：无；
外形：#919191实心3px；
}
.btn{
光标：指针；
}
.embed-responsive-2by1:：before{
垫面：50%；
}
@介质（最大宽度：30em）{
#格式选择{
显示：无；
}
}
.背景{
字号：1.2rem；
}
/*1150x宽或更小*/
/*@媒体屏幕和屏幕（最小宽度：1150px）{
#底部信息{
显示：无；
}
#旁白{
显示：内联块；
}        
}
@媒体屏幕和屏幕（最大宽度：1149px）{
#旁白{
显示：无；
}
#底部信息{
显示：内联块；
}
}*/
/*卡片设置*/
李平{
颜色：#2B3035；
}
/*滚动条消失了，但功能仍然存在*/
.noscrollbar:：-webkit滚动条{
显示：无！重要；
}
诺斯克罗尔巴酒店{
-ms溢出样式：无！重要；
}
/*在白色背景下提供足够的对比度*/
.btn主要{
颜色：#fff；
背景色：#1b6ec2；
边框颜色：#1861ac；
}
.nav-pills.nav-link.active、.nav-pills.show>.nav-link{
颜色：#fff；
背景色：#1b6ec2；
边框颜色：#1861ac；
}
/*粘性页脚样式
-------------------------------------------------- */
/*html{
边缘顶部：60像素；
字体大小：14px；
} */
@麦迪