引导网格与WebStorm不对齐

Question

我想并排显示上述组件的内容，即app-shopping-list和app-recipe-list。

但是我得到了这个结果。

<div class="row">
    <div class="col-md-7">
         <app-shopping-list></app-shopping-list>
    </div>
    <div class="col-md-5">
         <app-recipe-list></app-recipe-list>
    </div>
</div>