CSS - центрирование встроенного списка li в столбце bootstrap 3 - PullRequest
Новая
       6

CSS - центрирование встроенного списка li в столбце bootstrap 3

0 голосов
/ 22 февраля 2020

Я пытаюсь центрировать элементы списка по горизонтали внутри класса bootstrap 3 столбца, но он продолжает перемещать его в левую часть столбца.

примечание - я должен добавить, что я оставил "justify-content: center;" стиль там, потому что это было последнее, что я пробовал, но я не обязательно хочу, чтобы они были оправданы (используя все пространство столбца), а скорее просто центрировались внутри этого div и дополнительного пространства по бокам.

здесь на моем тестовом сервере http://gojibop.devlocation.site

<div class="hidden-xs hidden-sm col-md-6 ">
  <ul class="nav navbar-nav sticky-only text-center" style="display: flex; justify-content: center;">
    <li><a href="#RESTAURANT">RESTAURANT</a></li>
    <li><a href="#MENU">MENU</a></li>
    <li><a href="#LOCATION">LOCATION</a></li>
     <li><a href="#INFO">INFO</a></li>
  </ul>
</div><!-- close col -->
...