Том

Может кому будет полезно
Да,ошибка в следствии моей тупости:
в 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>