Arkadaşlar bostrap yardım...Mobilde görüntü degişiyor

Arkadaşlar mobilde görüntü websitedeki gibi olması için şu şekilde yaptım ama genede aşagı kayıyor

<div class="col-md-2 bl col-xs-2 "><i class="fas fa-file display-4"></i></div> 
<div class="col-md-6 bl ml-2 mt-2 col-xs-6"><div class="row"><a href="<?=base_url('forumdetaykategori/'.$alt->id.'/'.seolink($alt->ad).'/'.seolink($ust->ad))?>"><h5 class="text-danger"><?=$alt->ad?></h5></div></a><div class="row blockquote-footer">Tüm Öğretmenler Arkadaşlar için tanışma platformu</div></div>
<div class="col-md-3 col-xs-3 "><div class="row"><h5 class="text-danger">Toplam Konu:</h5></div><div class="row blockquote-footer"><?=count($alt_konu)?></div></div>

pm gönderdim hocam

hocam ticaret konusu açmadım lütfen basit bir şey sadece forumdan yardım istedim.

@zeytin8899; site linki nedir, yardımcı olalım

ml-2 mt-2 yerine pl-2 pt-2 deneyiniz

hocam şuan lokalde bir component tasarlıyorum orda yapamadım...hani bozulmama için mobilde col-md-6 nın yeinr col-xs-6 yazdıgımda mantıken bozulmaması lazım deigl mi?

hocam olmadı ya bir türlü