Включая сетку для включения таблицы - Bootstrap

Question

Я пытаюсь расположить EN | FR элементов в моем нижнем колонтитуле. Я хотел бы расположить эти элементы по центру, как и другие элементы моего нижнего колонтитула (свяжитесь с нами и подключитесь). Есть ли у кого-нибудь советы для меня? Это мой код.

   <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>

Как это выглядит

Answer 1

есть если вы используете bootstrap 4, просто поместите немного CSS в класс .row. http://jsfiddle.net/aq9Laaew/73120/

Answer 2

Возьмите EN / FR со стола и просто используйте div, чтобы обернуть их. Тогда вы можете использовать CSS для их центрирования:

#lang-sel {
  text-align: center;
}