Including grid system to include table - Bootstrap

I'm trying to position the EN | FR elements in my footer. I would like to center these elements like the other elements of my footer (Contact Us and Connect). Would anyone have tips for me? This is my code.

   <footer class="container-fluid text-center">
  <div class="row">
    <div class="col-sm-4">
      <h3>Contact Us</h3>
      <br>
      <h4>Our adress and contact info here</h4>
    </div>
    <div class="col-sm-4">
      <h3>Connect</h3>
      <a href="#" class="fa fa-facebook"></a>
      <a href="#" class="fa fa-twitter"></a>
      <a href="#" class="fa fa-instagram"></a>
      <a href="#" class="fa fa-google"></a>
      <a href="#" class="fa fa-youtube"></a>
    </div>
    <div class="col-sm-4" id="lang-sel">
      <table>
        <thead>
        <tr id="langues">
          <th>FR</th>
          <th>|</th>
          <th>EN</th>
        </tr>
        </thead>
      </table>
    </div>
  </div>
</footer>

How it looks