Bootstrap：在更新内容之前，防止jumbotron调整到最小

Question

对于freecodecamp挑战我使用bootstrap 4 jumbotron实现了一个简单的随机引用页面。现在我的问题是当我点击按钮获得新报价时，jumbotron区域变空并调整到最小，然后填充新报价并达到最终正确的大小。我希望jumbotron根据内容改变其大小而不通过该中间状态。这是我的页面：

https://codepen.io/bui3/full/qVGGNw/

这就像我想要的那样

https://codepen.io/freeCodeCamp/full/ONjoLe

[Here][1] my page, and [here][2] what I would like.

希望有人可以帮助我。 谢谢

Answer 1

经过一番研究，我自己设法解决了这个问题