Kod yapım aşağıdaki şekilde çıktısı ise kodun altına yer alıyor;

<li class="d-flex justify-content-between mb-2 pb-2 border-bottom"><span><i class="fas fa-user m-r-xxs"></i> Rütbe:</span>                    
<p>
                                <?php if ($permList): ?>
                                <?php foreach ($permList as $item):
                                    echo YONC::getPerm($item, 'icon');
                                endforeach; ?>
                                <?php else: ?>
                                  <span class="badge bg-danger">  YOK </span>
                                <?php endif; ?>
  </p>

</li>

Bunu üstteki(son görülme: çevrimiçi) gibi sağ yatırmak istiyorum. Mobil olunca column olsun yani alt alta sıralansınlar ama masaüstünde yan yana en fazla 3 tane gözüksün istiyorum ama ne denediysem yapamadım. Hangi kodu eklemeliyim?
Tek başına olduğunda veya 2-3 tane olduğunda görüntü sorunsuz ama 4-5 tane olunca bir anda bozuluyor.