I need to delete the clean space beneath the container in bootstrap.
How can I do this?

enter image description here

.p {
  coloration: white;
}

.box_switch {
  place: relative;
  background: #1E3E75;
  padding: 15px;
  margin-bottom: 30px;
  margin: 0px calc(50% - 50vw) 15px;
  width: 100vw;
}
<hyperlink rel="stylesheet" href="https://cdn.jsdelivr.web/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" />
<div class="container">
  <div class="row mx-auto text-center">
    <div class="col-12">
      <div class="box_switch">
        <p class="p">PPPPPPPPPPP</p>
      </div>
    </div>
  </div>
</div>

2