Bootstrap选项卡窗格活动类表现得很有趣

Question

选项卡窗格正在做一些非常时髦的事情，但我没有成功追踪它。由于它很难解释，我只会告诉你：

我的HTML：

<div class = "col-md-12">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#overview" aria-controls="overview" role="tab" data-toggle="tab">Overview</a></li>
        <li role="presentation"><a href="#newsletter" aria-controls="newsletter" role="tab" data-toggle="tab">Newsletter</a></li>
        <li role="presentation"><a href="#markets" aria-controls="markets" role="tab" data-toggle="tab">Markets</a></li>
    </ul>

    <br />
      <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane" id="overview">
            <p>
                Austin green juice health goth beard flannel marfa. Poutine everyday carry dreamcatcher gastropub fap banjo semiotics meditation, typewriter tacos disrupt. Fanny pack semiotics pug cray. Distillery food truck bespoke venmo, williamsburg austin jean shorts seitan intelligentsia mlkshk. Fashion axe vegan tumblr man braid, letterpress freegan master cleanse meditation. Typewriter biodiesel keytar four loko food truck knausgaard. Poutine umami pitchfork gentrify keytar fashion axe.
            </p>
        </div>
        <div role="tabpanel" class="tab-pane" id="newsletter">
            <h4>Monthly Newsletter</h4>
            <embed src="https://xx.s3.amazonaws.com/gbe-seasonal-xx.pdf" width="100%" height="500px" type='application/pdf'>
        </div>
        <div role="tabpanel" class="tab-pane active" id="markets">
            <center><div id = "holdGraph"></div>  </center>

        </div>
    </div>

</div>

作为参考，holdGraph是我使用javascript库生成的图形的显示。他们非常扎实，在其他地方工作，所以我倾向于认为他们不是问题。

无论如何，回到问题：

当＆＃34;市场＆＃34;选项卡窗格处于活动状态，内容按原样显示：

但是，当＆＃34;市场＆＃34;选项卡窗格未激活，图形显示如下：

我的问题：以前有没有人见过这个？如果是的话，你是怎么解决的？