我是flexbox的新手，我使用bootstrap 4，我有问题。
https://imgur.com/a/OQIOfZg
flexbox左右有边距，我该如何删除它？
我希望.cont1{
background-color: red;
height: 100%;
}
@media only screen and (min-width: 992px) {
.cont1 a{
background-color: rgb(0,0,0,0.5);
}
.cont1 h1{
font-size: 50px;
}
.cont1 span{
font-size: 20px;
}
}拥有其父宽度的100％？
<div class="container-fluid">
<div class="row">
<div class=" col-xl-8 col-lg-12 cont1 d-flex justify-content-end align-items-start flex-column">
<a href="" class="w-100">
<h1 class="">Title</h1>
<span>Lorem ipsum dolor sit amet</span>
</a>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
decorations