如何以角度来管理组件之间的空间

Question

问题已更新*

我有以下页面，我想删除导航栏和＆＃34;添加新设置＆＃34;之间的空格。 我使用的是https://bootswatch.com/4/flatly/bootstrap.css

中的模板

在角度中我将它们作为单独的组件：

<div>
  <app-navbar></app-navbar>
  <app-new-set></app-new-set>
</div>

导航栏组件：

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
  <div class="container">
    ...
  </div>
</div>

添加集组件：

<div class="container">
  <h4 align="center">Add new set</h4>
  <div class="row">
   ...
  </div>
</div>

当我使用devtools进行检查时，它不会出现在空间的哪个位置，它不会来自组件。