我目前正在尝试以下方法：
我正在使用一个插件来浏览页面，因此它有自己定义的样式，创建一个框和一个箭头。现在我试着重新使用bootstrap模态。
我现在拥有以下内容：
this._annoElem = $("<div class='tour-modal modal" + this.className + "'>\n<div class='modal-dialog'><div class='modal-content'><div class='modal-header'><button type='button' ng-click='hideAnno();' class='close btn btn-secondary btn btn-icon-only' aria-label='Close'>Close</button> </div> <div class='anno-arrow'></div></div></div>\n</div>");
this._annoElem.find('.modal-content').append("<div class='modal-body'>" + this.contentElem() + "</div>").append(this.buttonsElem());
return this._annoElem;
而且，我应该说，模态/盒本身看起来应该如此，所以“样式”应该是它应该的，但我在定位方面存在很大问题。问题似乎是，引导程序在javascript中为top设置了一些值，所以这在某种程度上搞乱了一切。另外，我想知道我需要的position类型，因为position:relative似乎移动了我的元素。也许有人可以在这帮助我？
顺便说一下：thats我正在使用的插件和this._annoElem的原始代码如下所示：
this._annoElem = $("<div class='anno anno-hidden " + this.className + "'>\n<div class='anno-inner'> <div class='anno-arrow'></div> </div>\n</div>");
this._annoElem.find('.anno-inner').append(this.contentElem()).append(this.buttonsElem());
return this._annoElem;
所以我实际上只添加了所有模态标签并从anno中删除了标签。