Выравнивание по центру Foundation 6 Выпадающее окно

Question

Я пытаюсь показать выпадающее меню Foundation 6, выровненное по горизонтали. Я пытаюсь использовать раскрывающийся список в качестве всплывающей подсказки, потому что он лучше соответствует моим потребностям и позволяет вставлять в него богатый HTML-код, где нет всплывающей подсказки.

Основания 6 выпадающих списков могут быть расположены путем добавления классов .top .right .bottom .left. Эти классы анализируются основным ядром Javascript, а затем элемент динамически вычисляется top: и left: атрибутами.

Из-за этого добавление любых элементов left или transform: translate к элементу аннулируется тем фактом, что Foundation учитывает это при динамическом вычислении атрибутов позиционирования.

Любые идеи, не содержащие другого класса в javascript?

Answer 1

Использование text-center.

<ul class="dropdown menu" data-dropdown-menu> 
     <li> 
      <a href="#">Item 1</a> 
      <ul class="menu text-center"> 
       <li><a href="#">Item 1A</a></li> 
       <li><a href="#">Item 1b</a></li> 
       <li><a href="#">Item 1c</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Item 2</a></li> 
     <li><a href="#">Item 3</a></li> 
     <li><a href="#">Item 4</a></li> 
    </ul>