ナビゲーションバー - navigation bar
①ナビゲーションバー - navigation bar
☆ソース
コンテンツ1
コンテンツ2
コンテンツ3
デモ
コンテンツ1
コンテンツ2
コンテンツ3
ここではダイアログを出すだけにしていますが、それぞれにリンクを設けて(ホーム、検索、設定など)遷移させるのが一般的です。
※<li>の列を増やせば、分割数を増やせます。また、画面の最上部に設置するのが一般的です。
②アイコン付きナビゲーションバー - icon navigation bar
☆ソース
コンテンツ4
コンテンツ5
コンテンツ6
コンテンツ7
デモ
コンテンツ4
コンテンツ5
コンテンツ6
コンテンツ7
アイコン一覧は
こちら