col- ile ilgili sorun

Merhaba arkadaşlar. Bootstrap col kullanarak 4 divi yan yana getirmek istiyorum. Fakat hepsi alt alta geliyo kodları paylaşdım sorunun nerede olduğunu bilen varsa yardım ederse teşekkür ederim

<div class="col-md-10 ml-md-4">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="alqi-satqi">
<div class="col-md-3 pt-3">
<ul class="home-list">
<li class="text-md-left list-menu-first">Yeni tikililər</li>
<li><a href="">1-otaqlı</a></li>
<li><a href="">2-otaqlı</a></li>
<li><a href="">3-otaqlı</a></li>
<li><a href="">4-otaqlı</a></li>
<li><a href="">5-otaqlı</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="home-list">
<li class="text-md-left list-menu-first">Köhnə tikili</li>
<li><a href="">1-otaqlı</a></li>
<li><a href="">2-otaqlı</a></li>
<li><a href="">3-otaqlı</a></li>
<li><a href="">4-otaqlı</a></li>
<li><a href="">5-otaqlı</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="home-list">
<li class="text-md-left list-menu-first">Digər</li>
<li><a href="">Həyət evi</a></li>
<li><a href="">Torpaq</a></li>
<li><a href="">Villa</a></li>
<li><a href="">Corat Bağı</a></li>
<li><a href="">Sənədsiz evlər</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="home-list">
<li><a href="">Bağ evi</a></li>
<li><a href="">Obyekt</a></li>
<li><a href="">Xəzər Bağı</a></li>
<li><a href="">İpoteka</a></li>
<li><a href="">Yaşıldərə</a></li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="search-menu-icon">2</div>
</div>
</div>
[CENTER][IMG]https://cdn.r10.net/editor/101988/430512445a7f143730e76f59f48e364d.png[/IMG][/CENTER]

Row içine almalısın. Örneğin;

<div class="row">    <div class="col-md-3">    </div><div class="col-md-3">    </div><div class="col-md-3">    </div><div class="col-md-3">    </div></div>>

row'u da container içine alabilirsin<div class="container"> </div>