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






Выньте EN / FR из таблицы и просто используйте div, чтобы обернуть их. Затем вы можете использовать CSS для их центрирования:
#lang-sel {
text-align: center;
}
Спасибо за ваш ответ, единственное, что мне нужно, чтобы они были ссылками и были встроенными, поэтому я не думаю, что смогу вывести их из таблицы ... Также пробовал span, но не смог добавить желаемый запас и обивка.
там
если вы используете bootstrap 4, просто поместите CSS в класс .row.
http://jsfiddle.net/aq9Laaew/73120/
Спасибо!! Использовал bootstrap 3.3.7, но сейчас перейду на Bootstrap 4. Очень полезный ответ, ура.
<h3> FR | EN </h3>