Preciso que as colunas flutuem uma ao lado da outra dentro de um card. Para isso defini a primeira coluna para ocupar 8 espaços e a segunda 4.
col-8 e col-4
Porém elas não estão flutuando uma ao lado da outra.
Preciso do seguinte comportamento.
Porém mesmo a primeira sendo col-8
e a segunda col-4
ela não flutua ao lado, já tentei diminuir os valores e mesmo assim sem sucesso. O único css externo que estou aplicando é em relação as fontes.
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="cards text-nowrap">
<div class="col-8">
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum.</p>
<i class="fas fa-calendar-alt"></i>
<p>23/04/2019 - 23/04/2022</p><br>
<button class="btn-danger mt-3">danger</button>
</div>
<div class="col-4">
<div class="circle">
<i class="fas fa-shield-alt"></i>
</div>
</div>
</div>
</div>
</div>
</div>