1

Unsemantic フレームワーク (または 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>
4

1 に答える 1

1

grid-container クラスは外部コンテナー用であり、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>
于 2013-12-11T21:08:33.463 に答える