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

Я пытаюсь разместить элементы 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>

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

<h3> FR | EN </h3>

Praveen Murali 06.07.2018 05:46
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
34
2

Ответы 2

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

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

Спасибо за ваш ответ, единственное, что мне нужно, чтобы они были ссылками и были встроенными, поэтому я не думаю, что смогу вывести их из таблицы ... Также пробовал span, но не смог добавить желаемый запас и обивка.

Randy Quackers 06.07.2018 06:45

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

Спасибо!! Использовал bootstrap 3.3.7, но сейчас перейду на Bootstrap 4. Очень полезный ответ, ура.

Randy Quackers 06.07.2018 06:46

Другие вопросы по теме