Меню навигации в Unsemantic

Question

Мне нужно знать, как создать панель навигации с Unsemantic Framework (или 960gs).

Моя структура меню

<div> <ul> <li></li> </ul> </div>,

Я так много пытался, но до сих пор не могу выяснить проблему.

РЕДАКТИРОВАТЬ

Я использую WordPress. Так что он создает меню навигации. конечный код, отображаемый в браузере, выглядит следующим образом:

<nav role="navigation" class="clearfix black grid-100 grid-parent mobile-grid-100 mar-top10 mar-bottom10" id="wp_nav_menu_wrapper"> 
<div class="grid-container">
 <div class="menu">
  <ul>
   <li class="page_item page-item-2">
     <a href="http://localhost/wpmarket/?page_id=2">ُSample Page</a>
   </li>
   <li class="page_item page-item-5"><a href="http://localhost/wpmarket/?page_id=5">ُSample Page 2</a>
   </li>
  </ul>
 </div>
</div>
</nav>

Хотя моя разметка Wordpress выглядит следующим образом:

<div class='grid-100 height-auto black-gray-bg font-tahoma'>

<nav role='navigation' class='clearfix black grid-100 grid-parent mobile-grid-100 mar-top10 mar-bottom10' id='wp_nav_menu_wrapper'> 
    <div class='grid-container'>
    <?php 

        wp_nav_menu(); 
    ?> 
</div>
</nav>

</div>

Answer 1

Класс grid-container предназначен для внешнего контейнера, а класс grid-parent - для внутреннего или вложенного контейнера. В вашем коде у вас это задом наперед.

Класс grid-parent позволяет выровнять автономные сетки с обычными элементами сетки. Контейнер содержит все элементы сетки. Таким образом, grid-parent является просто индикатором того, что или что-то еще будет содержать дополнительные элементы, связанные с его масштабом и порядком на странице.

Вы можете использовать эту структуру или аналогичную:

<nav class="grid-container">
 <ul class="grid-100 grid-parent">
  <li class="grid-25">...</li>
  <li class="grid-25">...</li>
  <li class="grid-25">...</li>
  <li class="grid-25">...</li>
 </ul>
</nav>