На всех страницах, которые я открываю в браузере через мой проект Angular, внизу всегда есть белая полоса

Question

У меня проблема с моим проектом Angular Я понятия не имею, почему, всегда есть белая полоса внизу страницы Около трети страницы браузера Я пытался изменить его с помощью CSS, но этот бар всегда остается там Это происходит с или без классов начальной загрузки Эта панель появляется за пределами тега HTML, когда я проверял страницу с помощью инструмента Google Chrome Inspect Element

<div class=" container-fluid">
<div class="row">
  <div class="col-lg-2 col-xs-1 bg-warning" id="player">1</div>
  <div class="col-lg-8 col-xs-1" id="main">
    <div class="row">
        <app-ai-deck></app-ai-deck>
    </div>
    <div class="row" >
        <div class="col-lg-1 col-xs-1 bg-primary"></div>
        <div class="col-lg-11 col-xs-11 bg-warning"><app-ai-row-a></app-ai-row-a></div>
    </div>
    <div class="row">
        <div class="col-lg-1 col-xs-1 bg-primary"></div>
        <div class="col-lg-11 col-xs-11 bg-warning"><app-ai-row-b></app-ai-row-b></div>  
    </div>
    <div class="row">
        <div class="col-lg-1 col-xs-1 bg-primary"></div>
        <div class="col-lg-11 col-xs-11 bg-warning"><app-ai-row-c></app-ai-row-c></div>    
    </div>
    <div class="row"><app-buffer></app-buffer></div>
    <div class="row">
        <div class="col-lg-1 col-xs-1 bg-primary"></div>
        <div class="col-lg-11 col-xs-11 bg-warning"><app-row-c></app-row-c></div>
    </div>
    <div class="row">
        <div class="col-lg-1 col-xs-1 bg-primary"></div>
        <div class="col-lg-11 col-xs-11 bg-warning"> <app-row-b></app-row-b></div>
    </div>
    <div class="row">
      <div class="col-lg-1 col-xs-1 bg-primary"></div>
      <div class="col-lg-11 col-xs-11 bg-warning"> <app-row-a></app-row-a></div>
    </div>
    <div class="row"><app-deck></app-deck></div>
  </div>
  <div class="col-lg-2 col-xs-1 bg-info" id="ai" >1</div>
</div>
</div>