Bootstrap 4 Xterm不使用引导导航选项卡

我正在尝试让xterm在我的electron单页应用程序中工作。我的问题是xterm的div元素位于另一个选项卡中，在启动/初始化时不可见。如果应用程序启动了，我单击我的xterm div元素的nav选项卡，它只是一个没有任何输出的小黑匣子

如果我在没有加载bootstrap.css的情况下启动我的应用程序，它会工作，我可以在xterm div元素中看到我的输出。但问题是没有任何引导功能

---

我怎样才能解决这个问题

我找到了解决问题的办法。 我不会在应用程序启动后直接初始化xterm。我将等待，直到用户单击“导航选项卡”，其中包含终端，然后初始化xterm

$('a[data-toggle="tab"]').on('shown.bs.tab', (e) => {
    if (/#MyTabID/gi.test(e.target.href) && this.MySshObjRef === null) {
        this.initMySshObj()
    }
})