Twitter bootstrap 作为Angular2组件加载时，flexbox子级断裂的100%高度

所以。。。我正在使用Angular2和Bootstrap V4创建一个仪表板，我的头撞在墙上似乎有6个小时了

正如您从上面的示例中看到的，我已经重新创建了DOM结构，并且所有的工作都很好，但是当通过Angular2加载结构时，一切都出错了

出于某种奇怪的原因，当通过Angular加载时，bootstrap.card上的100%高度继承了视口中的高度，而不是上面我的代码层中的父级

我相信这只是一个简单的修复，为那些有新鲜的眼睛

这可能对您有用：。。由于这似乎是一个有角度的问题，而不是一个浏览器问题，它可能没有帮助。但我的回答中的一些变通方法可能会帮助您确定问题所在。