Bootstrap 5 Column Layout

Untuk membuat desain web yang resvonsive bootstrap memang plihan yang paling bagus, bootstrap bersifat firmewok dimana terdapat aturan yang harus di ikuti mendapatkan hasil yang maksimal, contohnya pada pembuatan colomn menggunakan col-1 sampai col-12 hal ini akan menjadi persoalan jika ingin menampilakn kolom ganjil bisalnya 5 dan mempunyai width sama.

solusinya adalah dengan membuat column baru dengan format sendiri, jika tertarik bisa menggunakan snippet dibawah.

<div class="container">
<div class="row">
<div class="col5 col-sm-6">
</div>
<div class="col5 col-sm-6">
</div>
<div class="col5 col-sm-6">
</div>
<div class="col5 col-sm-6">
</div>
<div class="col5 col-sm-6">
</div>
</div>
</div>

@media(min-width: 992px){
 .col5{
  width: 20%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
 }
}