Может кому будет полезно
Да,ошибка в следствии моей тупости:
в head забыл закинуть
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
сам footer выглядит таким образом и все работает:
<footer class="footer-bg">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-12">
text
</div>
<div class="col-md-4 col-sm-12">
text
</div>
<div class="col-md-4 col-sm-12">
text
</div>
</div>
</div>
<div class="container">
<div class="row ">
<div class="col-md-4 col-sm-12 ">text</div>
<div class="col-md-4 col-sm-12 ">
<ul class="list-group list-group-horizontal ">
<li class="list-group-item "><a href="" class="white"><i class="fa fa-facebook"
aria-hidden="true"></i></a></li>
<li class="list-group-item "><a href="" class="white"><i class="fa fa-vk" aria-hidden="true"></i>
</a></li>
<li class="list-group-item "><a href="" class="white"><i class="fa fa-instagram"
aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="col-md-4 col-sm-12 ">text</div>
</div>
</div>
</footer>
