Unsemantic의 탐색 메뉴

Question

Unsemantic 프레임 워크 (또는 960g)가있는 탐색 모음을 만드는 방법을 알아야합니다.

내 메뉴 구조는

<div> <ul> <li></li> </ul> </div>입니다.

많은 노력을했지만 여전히 문제를 발견 할 수 없습니다.

수정

나는 네비게이션 메뉴를 생성합니다.

내 워드 프레스 마크 업이 다음입니다

<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> 

로 동안 : 다음과 같이 브라우저에서 렌더링 최종 코드는

<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

그리드 컨테이너 클래스는 외부 용기 및 그리드 부모 클래스입니다 내부 또는 중첩 컨테이너 귀하의 코드에서 당신은 이것을 거꾸로 가지고 있습니다.

그리드 - 부모 클래스를 사용하면 자체 포함 된 그리드를 일반 그리드 항목과 정렬 할 수 있습니다. 컨테이너에는 모든 모눈 항목이 들어 있습니다. 그리드 - 부모는 단순히 페이지의 크기와 순서와 관련된 추가 항목을 포함 할 것입니다. 호기심

<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>