paket satın al yan yana nasıl yazarım ?

merhabalar satın al kısmım var ve bunları yan yana yazmak istiyorum ? nasıl yapabilirim

<div class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="mb-0">Paket Satın Almalısın!</h3>
</div>
<div class="card-body">
            <center>
<div class="row">

<div class="col"><br>


<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TEAMSPEAK 3 Server - 1</h1>
<p class="card-text">128 Kişilik Slot</p>
     <input name="urunisim" style="display:none;" value="TEAMSPEAK 3 Server - 1">
     <input name="slot" style="display:none;" value="128">
<button class="btn btn-primary">Satın Al (1 TL)</button>
     </form>
</div>
</div>

</div>

<div class="col"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TEAMSPEAK 3 Server - 2</h1>
     <input name="urunisim" style="display:none;" value="TEAMSPEAK 3 Server - 2">

<p class="card-text">256 Kişilik Slot</p>

     <input name="slot" style="display:none;" value="256">
<button class="btn btn-primary">Satın Al (5 TL)</button>
     </form>
</div>
</div>
</div>
<div class="col"><br>

<div class="card" style="width: 18rem;">
<img class="card-img" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TEAMSPEAK 3 Server - 3</h1>
<p class="card-text">512 Kişilik Slot</p>
     <input name="urunisim" style="display:none;" value="TEAMSPEAK 3 Server - 3">
     <input name="slot" style="display:none;" value="512">
<button class="btn btn-primary">Satın Al (7 TL)</button>
     </form>
</div>
</div>

</div>

<div class="col"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TeamSpeak 3 - Bayilik 1</h1>
<p class="card-text">256 Kişilik Slot</p>
     <input name="urunisim" style="display:none;" value="TeamSpeak 3 - Bayilik 1">
     <input name="slot" style="display:none;" value="256">
<button class="btn btn-primary">Satın Al (5 TL)</button>
     </form>
</div>
</div>
</div>
<div class="col"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >deneme</h1>
<p class="card-text">256 Kişilik Slot</p>
     <input name="urunisim1" style="display:none;" value="TeamSpeak 3 - Bayilik 1">
     <input name="slot" style="display:none;" value="256">
<button class="btn btn-primary">Satın Al (5 TL)</button>
     </form>
</div>
</div>
</div>



</div>
</div>
</center>

</div>
          </div>

<div class="col"> olarak yazan divlere bootstrap değerleri verirsen halledebilirsin. İlk 3'ünü <div class="col-md-4"> olarak son 2'yi <div class="col-md-6"> olarak düzenlersen, hallolacaktır.

<div class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="mb-0">Paket Satın Almalısın!</h3>
</div>
<div class="card-body">
<center>
<div class="row">

<div class="col-md-4"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TEAMSPEAK 3 Server - 1</h1>
<p class="card-text">128 Kişilik Slot</p>
<input name="urunisim" style="display:none;" value="TEAMSPEAK 3 Server - 1">
<input name="slot" style="display:none;" value="128">
<button class="btn btn-primary">Satın Al (1 TL)</button>
</form>
</div>
</div>

</div>

<div class="col-md-4"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TEAMSPEAK 3 Server - 2</h1>
<input name="urunisim" style="display:none;" value="TEAMSPEAK 3 Server - 2">

<p class="card-text">256 Kişilik Slot</p>

<input name="slot" style="display:none;" value="256">
<button class="btn btn-primary">Satın Al (5 TL)</button>
</form>
</div>
</div>
</div>
<div class="col-md-4"><br>

<div class="card" style="width: 18rem;">
<img class="card-img" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TEAMSPEAK 3 Server - 3</h1>
<p class="card-text">512 Kişilik Slot</p>
<input name="urunisim" style="display:none;" value="TEAMSPEAK 3 Server - 3">
<input name="slot" style="display:none;" value="512">
<button class="btn btn-primary">Satın Al (7 TL)</button>
</form>
</div>
</div>

</div>

<div class="col-md-6"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >TeamSpeak 3 - Bayilik 1</h1>
<p class="card-text">256 Kişilik Slot</p>
<input name="urunisim" style="display:none;" value="TeamSpeak 3 - Bayilik 1">
<input name="slot" style="display:none;" value="256">
<button class="btn btn-primary">Satın Al (5 TL)</button>
</form>
</div>
</div>
</div>
<div class="col-md-6"><br>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="assets/serveralan.jpg" alt="TS3 LOGO">
<div class="card-body">
<form method="post">
<h1 class="card-title" >deneme</h1>
<p class="card-text">256 Kişilik Slot</p>
<input name="urunisim1" style="display:none;" value="TeamSpeak 3 - Bayilik 1">
<input name="slot" style="display:none;" value="256">
<button class="btn btn-primary">Satın Al (5 TL)</button>
</form>
</div>
</div>
</div>



</div>
</div>
</center>

</div>
</div>

Dilerseniz özel mesaj üzerinden yardımcı olabilirim. Yazmanız yeterlidir.

Kodlarınızda Bootstrap kuralları dışında olduğu için hata alıyorsunuz, arkadaşın dediği gibi col-md-6 gibi klonlama kullanırsanız düzelecektir.